现象:
el-table表格多选时,全选被禁用了还是能选中
解决:
在el-table中添加方法 @select-all,当没有选中的数据时,清空选择。
事件名 | 说明 | 参数 |
---|---|---|
select-all | 当用户手动勾选全选 Checkbox 时触发的事件 | selection |
方法名 | 说明 |
---|---|
clearSelection | 用于多选表格,清空用户的选择 |
<el-table ref="refTable"
:data="tableData"
@select-all="selectALL"
@selection-change="selectChange">
<el-table-column type="selection"></el-table-column>
</el-table>
// 全选
selectALL (selection) {
if (selection.length === 0) {
this.$refs.refTable.clearSelection()
}
}