vue引入jsmind(右键菜单)_jsmind.menu.js-CSDN博客 第一版
vue-JsMind思维导图实现(包含鼠标右键自定义菜单)_jsmind 右键菜单-CSDN博客
// 新增节点
addNode() {
console.log(this.get_selected_nodeid());
this.get_selected_nodeid()
var selectedNode = this.jm.get_selected_node()
console.log('selectedNode----',selectedNode);
if (!selectedNode) { alert('请先选择一个节点'); return }
var nodeid = this.jsMind.util.uuid.newid()//生成一个新的节点 ID
var topic = '请输入子节点名称'//topic节点上显示的内容
this.jm.add_node(selectedNode, nodeid, topic)
const newMind = { ...this.mind };
newMind.data.children.push({
id: nodeid,
topic: topic
});
this.mind = newMind;
},
这段代码的作用是在用户选择一个节点后,向该节点添加一个新的子节点,并同时更新 Vue 实例中的数据模型,以便反映在界面上。