美文网首页
Vue Flow 使用

Vue Flow 使用

作者: 寻找无名的特质 | 来源:发表于2023-01-08 06:53 被阅读0次

使用useVueFlow()可以获得方法和事件,

import { Panel, PanelPosition, VueFlow, isNode, useVueFlow } from '@vue-flow/core'
const { onPaneReady, onNodeDragStop, onConnect, addEdges, setTransform, toObject,onNodeClick } = useVueFlow()
方法和事件的说明可以在官网中获得。
节点的删除需要使用applyNodeChanges:
applyNodeChanges([
{
id:e.node.id,
type:'remove'
}
])
click事件的接收:
onNodeClick((e)=>{
console.log(e.node.id)
e.node.label="节点"+e.node.id
})
可以直接进行修改。
增加:addNodes

相关文章

网友评论

      本文标题:Vue Flow 使用

      本文链接:https://www.haomeiwen.com/subject/udexcdtx.html