element中Tree 树形控件实现多选、展开折叠、全选全不选、父子联动、默认展开、默认选中、默认禁用、自定义节点内容、可拖拽节点、手风琴模式

1.代码实现

2. 效果图

3. 使用到的部分属性说明

1. default-expanded-keys： 默认展开的节点的 key 的数组；
2. expand-on-click-node： 是否在点击节点的时候展开或者收缩节点， 默认值为 true，如果为 false，则只有点箭头图标的时候才会展开或者收缩节点；
3. node-key ：每个树节点用来作为唯一标识的属性，整棵树应该是唯一的；
4. filter-node-method： 对树节点进行筛选时执行的方法，返回 true 表示这个节点可以显示，返回 false 则表示这个节点会被隐藏；
5. node-click ：节点被点击时的回调；
6. accordion： 是否每次只打开一个同级树节点展开；
7. default-expand-all： 是否默认展开所有节点 ；
8. 通过 draggable： 属性可让节点变为可拖拽；

4. 更多属性配置查看element官网

https://element.eleme.cn/#/zh-CN/component/tree