1.table树形添加row-key=“id”
<el-table
border
:data="treeTableData"
row-key="id"
ref="multipleTable"
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
style="border-bottom: 1px solid black"
@selection-change="tableTreeChange($event)">
2. table-column 的type设置为selection,并添加属性reserve-selection
<el-table-column type="selection" :reserve-selection="true" width="55">
</el-table-column>
3.使用 toggleSelection 取消选中时注意事项
使用 toggleSelection取消选中时,需要先获取到 table 表格内置选中数据集合属性,然后根据传入的行数据循环匹配,找到对应的数据。例如:
handleTagClose(tag) {
// 此处的 selection, (小菜鸟)我猜测是 el-table-column 中定义的 type 值,
// 如果说的不对还请大佬指出。
let row = this.$refs.appTable.selection.find(item => {
return item.id === tag.id
});
// toggleSelection 第二参数表示是否选中 true/false
this.$refs.appTable.toggleSelection(row, false);
}