element-ui的el-tree从左侧树添加数据到右侧树

element-ui的el-tree从左侧树添加数据到右侧树_第1张图片

在一个弹出框里面写的

包含:新增/编辑回显 

核心代码如下:

towardsRight(node, checked) {
      const checkedNodes = this.$refs.leftTree.getCheckedNodes(false, true);
      const copyNodes = JSON.parse(JSON.stringify(checkedNodes));
      copyNodes.forEach((x) => {
        x.childMenus = [];
        if (!this.$refs.rightTree.getNode(x.id)) {
          this.$refs.rightTree.append(x, x.menuPid === "0" ? "" : x.menuPid);
        }
      });
      if (!checked) {
        this.$refs.rightTree.remove(node, node.id);
        this.deleteEmptyParentNode(node);
      }
    },

完整代码如下:





你可能感兴趣的:(vue+element-ui,vue.js,elementui,前端)