【Element UI-table】树形数据无法展开和收缩 load、tree-props、hasChildren 详解

Element ui树形数据无法展开和收缩

基本介绍

首先 我们看一下官网 地址Element 表格树形数据官网
看这一段代码，我来解释一下
1、row-key 必填 最好给数字或唯一属性 ， 给每个节点设置id 不填的话 没有办法实现展开效果
2、load 这个是动态添加数据的 前提（开启lazy ，表格数组里设置了hasChildren：true）
3、treeprops 是配置树状收缩数据的
4、treeprops ：{hasChildren} 是否可收缩
5、treeprops ：{children} 展开的子项

没有展开效果

1、检查row-key 是否填写 完整 ，tabledata的对应值是否填写


2、检查tabledata 里里是否设置了 children

树状数据默认展开无法进收缩

1、检查 tableData 里的 children 和hasChildren 都进行设置，如果都进行了设置 需要把hasChildren：true进行删除

总结

总而言之 ，row-key是必须要的，无论是加载性能还是标识都一定要唯一的， tabledata 表格数据里的 children：[ {‘数据’}]子项和hasChildren：true 尽量不要同时存在，因为children 是默认的效果， 如果在tabledata里设置hasChildren：true 那么就要配合load 函数 进行动态加入数据的效果，