elementUI对于表格的树形懒加载（利用load加载子数据）多选不能自动勾选子项，需要手动编写父级的多选切换联动子项
关于为什么不能自动勾选子项原因：因为懒加载插入数据并不存入表格的data，而只是在相应的父级插入前端显示，所以不会联动
本次解决多选问题并不修改elementUI的源代码，而是通过点击事件之下处理获取表格checkbox的勾选状态的数据！！
首先明确elementUI是通过读取什么数据来获取表格checkbox的勾选状态的。
定义表格ref，比如ref="table"，那么，表格的勾选状态可以通过读取this.$refs.table.store.states.selection的数据来获取
因此，要修改懒加载的多选状态：
一、在父级多选切换的时候如果拥有子项，就需要给selection插入/删除子项的数据
联动父级勾选状态的方法有两个，一个在全选时触发，一个在单选时触发
这个树形只有两层
二、在load子项数据的时候，如果父级是勾选的，就需要给selection插入子项数据
res：是获取的子项数据
PS：对于子项勾选全与不全影响父级的勾选样式，这里没加~~
网友评论