ant-design-vue 3 a-table保留选中状态

业务需求需要保留选中状态

	 <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