html
除了:row-key=“getRowKeys”,多选框的第一列一定要加上type="selection" 和 :reserve-selection="true"
不加发现:回上一页发现勾选的框被清空了
reserve-selection,Element上解释为:仅对 type=selection 的列有效,类型为 Boolean,为 true 则会在数据更新之后保留之前选中的数据(需指定 row-key)
<el-table ref="multipleTable" :data="tableData" border v-loading="tableLoading" @selection-change="handleSelectionChange" :row-key="getRowKeys" >
<el-table-column type="selection" :reserve-selection="true" width="40px" fixed="left"></el-table-column>
js
handleSelectionChange(val) {
this.SelectionList = val;
},
// 分页多选功能的rowKey获取
getRowKeys(row) {
return row.id//id
},
// 完成清空跨页多选
clearSelection() {
if (this.$refs.multipleTable) {
this.$refs.multipleTable.clearSelection();
}
},