因为项目中用到设计一个树形分支,可以灵活添加子节点,并且随时修改和删除,所以研究了一下vue+elemnetui的该功能,非常强大,做一些笔记分享。
效果图如下:
elementUI组件:
数据
渲染method
tree_render Component渲染组件
添加按钮
用来切换和的显示状态,首先加个input
编辑按钮消失条件
编辑完按enter
点击其它节点
点击当前节点范围
6. 增加节点
新增的同时展开父节点
是否考虑无限新增
7. 删除节点
新增节点直接删除
已有节点需提示再删除
已有子节点不能删除
领取专属 10元无门槛券
私享最新 技术干货