问题描述:
在使用antd的rowSelection多选配置时,每次翻页后,勾选的selectedRows只会显示当前页的,其他页面的数据就会丢失。
实现效果(不同分页的数据):
<a-table
rowKey="id"
:row-selection="rowSelection"
:columns="columns"
:data-source="list"
:pagination="pagination"
:scroll="{ y: 400 }"
>
</a-table>
<!-- 展示已勾选数据 -->
<a-table
:columns="columns"
:data-source="selectedRows"
:pagination="false"
:scroll="{ y: 400 }"
>
</a-table>
data(){
selectedRows: [],
rowSelection: {
selectedRowKeys: [],
onChange: (selectedRowKeys) => {
this.rowSelection.selectedRowKeys = selectedRowKeys
},
onSelect: (record, selected) => {
if (selected) {
this.selectedRows.push(record)
} else {
this.selectedRows = this.selectedRows.filter(el => el.id != record.id)
}
},
},
}