vue3 antv/g6 动态设置mode，让节点不可以拖动

1、查看一下官网的设置说明

G6 设置mode

默认模式：
 

const graph = new G6.Graph({
    container: div,
    width: 500,
    height: 500,
    modes: {
      default: ['drag-node','drag-canvas'],
      custom: ['drag-canvas']
    }
})

默认情况下，我们定义的是default，然后创建节点以后，显示是可以拖动节点的。

下面定义的ndragnode :是不可以拖动节点的。

2、根据设置，比如

const ndragnode = ref(false);

ndragnode.value = true;//不可以拖动

if(unref(ndragnode)){

    graph.setMode('custom');

}

这样就可以动态的设置为custom，不可以拖动节点了。