遇到这个问题的时候查了好久的文档,说实话,对于初次了解这个框架的小白来说,要一下子找到解决办法还是比较难的。有时候关键词也不一定对。话不多说,以动态配置是否可拖拽为例:
function changeFunc(isOpen) {
graph.options.interacting = function(cell) {
return {
nodeMovable: isOpen,
magnetConnectable: isOpen,
edgeMovable: isOpen,
edgeLabelMovable: isOpen,
};
};
graph.redo();
}
<div @click="changeFunc(false)">禁止拖拽</div>
<div @click="changeFunc(true)">允许拖拽</div>
注意: 此处的graph.redo()方法是额外的插件,不可以直接用,安装方法:
# npm
npm install @antv/x6-plugin-history --save
# yarn
yarn add @antv/x6-plugin-history