<a-table :row-selection="rowSelection" :columns="columns" :data-source="data" />
computed: {
rowSelection() {
return {
selectedRowKeys: this.selectedRowKeys,
onChange: this.onSelectChange
}
}
}
// 遍历selectedRowKeys,
// 如果在维护的this.selectionRows中已经存在,
// 就还是保留在里面,
// 如果没有就去参数selectionRows查找然后放进this.selectionRows中
onSelectChange(selectedRowKeys, selectedRows) {
this.selectedRowKeys = selectedRowKeys;
if(selectedRowKeys.length === selectedRows.length){
this.selectedRows = selectedRows;
} else{
this.selectedRows = selectedRowKeys.map(key => (
this.selectedRows.find(row => row.id === key) || selectedRows.find(row => row.id === key)//必在两者之中
));
}
},
antd Table组件selectedRows翻页未保留上一页已选中数据(方法二)
最新推荐文章于 2023-07-24 10:49:17 发布