看了下文档,可以通过绑定select-all事件,调用clearSelection方法解决显示的问题。
事件名 | 说明 | 参数 |
---|---|---|
select-all | 当用户手动勾选全选 Checkbox 时触发的事件 | selection |
方法名 | 说明 | 参数 |
---|---|---|
clearSelection | 用于多选表格,清空用户的选择 | — |
<el-table
ref="a"
:data="tableData"
style="width: 100%"
@selection-change="handleSelectionChange"
@select-all="selectAll"
>
...
</el-table>
methods: {
handleSelectionChange() {},
selectAll(val) {
if (!val.length && !this.tableData.length) {
this.$refs.a.clearSelection();
}
},
},