vue 组织树(树形组件)

83 阅读1分钟

对默认的数据结构进行赋值

image.png

两种组织结构操作

image.png image.png 第一种难度比较高 新增删除修改都需要进行递归处理,操作方式点击当前节点,然后选择新增,此时兄弟节点或者子节点,然而你并不知道当前是忘子节点新增兄弟节点还是当前同一层级添加兄弟节点,所以你去递归判断,你点击的这个节点,name是否是外层,如果是那就说明是外层节点添加兄弟节点,如果name不相等,说明你添加的是子节点的兄弟节点

新增同级兄弟节点

fe709b6545bfdeb9a1631f90a61cdd1.png

新增子节点

fe709b6545bfdeb9a1631f90a61cdd1.png

修改节点

220ab8546b9c27de9f41657c7decf55.png