el-table多选+树形table 使用toggleAllSelection全部勾选以后只有父节点被勾选父节点下的子节点都没被勾选 —— 已解决

颜笑·

于 2023-06-15 17:22:04 发布

阅读量1.7k

点赞数

文章标签：前端 elementui vue.js vue

本文链接：https://blog.youkuaiyun.com/init_yanxiao/article/details/131232107

版权

文章讨论了在Vue.js应用中，当使用el-table组件实现多选树形表格时遇到的问题，即全选操作只勾选了父节点而未勾选子节点。解决方案是通过手动递归调用toggleRowSelection方法来确保所有子节点也被选中。代码示例展示了如何在handleSelectionChange方法中处理这个问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

el-table多选+树形table 使用全部勾选以后只有父节点被勾选父节点下的子节点都没被勾选
解决思路， toggleAllSelection只会对tree的第一层做勾选，我们需要递归子节点来手动勾选
下面是代码片段

<el-table
				:data="treeData"
				style="width: 100%; margin-bottom: 20px; margin-top: 10px"
				row-key="id"
				border
				:tree-props="defaultProps"
				ref="dataTable"
				@selection-change