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