element-ui版本:2.13.0
在使用的树形表格配合多选框的时候:
- 勾选父节点菜单,不能联动选择到父节点
- 勾选全选的时候,不能选全(子节点没有选中)
百度一圈都没有找到答案,谷歌又不能用。不过问题还是要解决的嘛,就去读了一圈源码,迷迷糊糊的,不过还是搞清楚了一些东西。
template:
<el-table
ref="multipleTable"
:data="deptData"
tooltip-effect="dark"
style="width: 100%"
row-key="id"
:treeCheckBox="false" // 改了源码新加的
border
@select-all="selectDeptAll"
@select="selectDeptCheck"
:tree-props="{ children: 'children', hasChildren: !'hasChildren' }"
default-expand-all
>
<el-table-column type="selection" width="55"> </el-table-column>
<el-table-column prop="title" label="部门名称" width="120">
</el-table-column>
</el-table>
当勾选全选按钮的时候源码会调用 _toggleAllSelection,而在_toggleAllSelection会调用select-all,也就是我们自己绑定的@select-all=“selectDeptAll”。然后我就把_toggleAllSelection内部的操作都给注释了&#x