本文所有案例代码地址 如果觉得有帮助,别忘了点亮 star 哦
案例一
- 因为需求是只写三级,所以控制了只有三级,你们可以根据自己需求来写N级;
- 新增同级和新增下级这个地方,同级是
this.$refs.tree.append(treeD, this.currentNode.parent);
下级是
this.$refs.tree.append(treeD, this.currentNode);
- 点击弹出增删改方法,用的是 el-dropdown 这个地方最好是用点击的,因为需要先点击才能触发 handleLeftclick() 这个方法,不然是获取不到节点信息的;
案例二(增加修改删除上下移动)
案例三(scoped slot)
案例四(render-content)