业务需求需要保留选中状态
<a-table class="satistic-table" :row-selection="{ selectedRowKeys: selectedRowKeys, onSelect:onSelect,onSelectAll:onSelectAll }" :row-key="(row)=>{ return row.customerId}" :columns="columns" :data-source="tableData" ></a-table>
const selectedRowKeys = ref([])//选择行const onSelect = (record, selected, selectedRows) => {if (selected) {selectedRowKeys.value = [record.customerId, ...selectedRowKeys.value]} else {selectedRowKeys.value = selectedRowKeys.value.filter((item) => item !== record.customerId)}}// 点击全选按钮const onSelectAll = (selected, selectedRows, changeRows) => {if (selected) {selectedRowKeys.value = [...selectedRowKeys.value, ...changeRows.map((item) => item.customerId)]} else {selectedRowKeys.value = selectedRowKeys.value.filter((item) => !changeRows.map((item) => item.customerId).includes(item))}}
最终结果,翻页不丢失key
selectedRowKeys : 所有选择key