vue项目 el-tree的界面自定义 实现增删改查操作_el-tree insertchild

vue项目 el-tree的界面自定义 实现增删改查操作
一、介绍：el-tree在element文档中有查询全树的代码，本文主要是在此基础上添加了增加、删除、修改的界面样式与功能。
二、具体来说：
1、鼠标移动到树上显示删除和修改：
点击删除，当前节点删除；
点击修改，树的选中节点变成input可以重新输入名称并且右边出现取消或确认的icon。

2、点击底部添加按钮，如果未选中树节点，则在最外层新增input进行名称输入，右边同样有取消或确认的icon。若选中树节点，则在选中节点下添加子节点，同样以input形式输入名称。
三、实现效果（这个操作速度慢得我怀疑自己开了0.5倍速