1.el-table实现全部选择和全部取消
其实非常简单,el-table自带的都有方法toggleAllSelection()和clearSelection()
表格数据:
<el-button @click='checkAll'>全选</el-button>
<el-button @click='cancelAll'>反选</el-button>
// 全选
checkAll() {
// 因为toggleAllSelection()是改变选中状态,这里我们要的是全选中,所以先对其进行清空,再选中,就是全选啦
this.$refs.tables.clearSelection()
this.$refs.tables.toggleAllSelection()
}
// 反选
cancelAll() {
this.$refs.tables.clearSelection() // 清空表格ref为tables的全选
}