目录

完美解决ElementUI中树形结构table勾选问题

完美解决ElementUI中树形结构table勾选问题

实现功能

1 全选/取消全选,更新所有节点勾选状态 2 勾选父/子节点,子/父节点状态和全选框状态更新

效果图

全选

https://i-blog.csdnimg.cn/direct/d380978e9b294ca2984796509d142312.png

取消全选

https://i-blog.csdnimg.cn/direct/2b5b2c05e8a34b81ab5fd8500cc9b970.png

取消父节点

https://i-blog.csdnimg.cn/direct/ff219e595b3942c4aec1cf44df257453.png

取消某个子节点

https://i-blog.csdnimg.cn/direct/5388676c1cfd4211942f92c82cc881b2.png

关键代码

这里是vue2写法,不管什么写法逻辑是一样滴!

// 若想要获取表格选中的数据 const selectedRows = this.$refs.multipleTable.selection;