思维导图插件--jsMind的使用

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 实例中的数据模型，以便反映在界面上。