Antv X6如何动态修改属性配置

遇到这个问题的时候查了好久的文档,说实话,对于初次了解这个框架的小白来说,要一下子找到解决办法还是比较难的。有时候关键词也不一定对。话不多说,以动态配置是否可拖拽为例:

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值