Element-ui 中树形控件（Tree）实现增删改功能

本文所有案例代码地址 如果觉得有帮助，别忘了点亮 star 哦

案例一

• 因为需求是只写三级，所以控制了只有三级，你们可以根据自己需求来写N级；
• 新增同级和新增下级这个地方，同级是

this.$refs.tree.append(treeD, this.currentNode.parent); 

下级是

this.$refs.tree.append(treeD, this.currentNode);

• 点击弹出增删改方法，用的是 el-dropdown 这个地方最好是用点击的，因为需要先点击才能触发 handleLeftclick() 这个方法，不然是获取不到节点信息的;

案例二（增加修改删除上下移动）

案例三（scoped slot）

案例四（render-content）