update(examples): Use vmodel for custom node
* use v-model for save & restore example Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
@@ -30,8 +30,8 @@ const onLoad = (flowInstance: FlowInstance) => {
|
||||
flowInstance.fitView()
|
||||
console.log('flow loaded:', flowInstance)
|
||||
}
|
||||
const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node)
|
||||
const onElementClick = (_: MouseEvent, element: FlowElement) => console.log('click', element)
|
||||
const onNodeDragStop = ({ node }) => console.log('drag stop', node)
|
||||
const onElementClick = ({ element }) => console.log('click', element)
|
||||
const nodeStroke = (n: Node): string => {
|
||||
if (n.type === 'input') return '#0041d0'
|
||||
if (n.type === 'selectorNode') return bgColor.value
|
||||
@@ -112,7 +112,7 @@ const onConnect = (params: Connection | Edge) =>
|
||||
</script>
|
||||
<template>
|
||||
<VueFlow
|
||||
:elements="elements"
|
||||
v-model="elements"
|
||||
:style="`background: ${bgColor}`"
|
||||
:node-types="nodeTypes"
|
||||
:connection-mode="ConnectionMode.Loose"
|
||||
|
||||
Reference in New Issue
Block a user