table组件跨页多选功能：

html部分的代码：

<a-tablesize="small"style="margin-top: 10px"rowKey="id":columns="columns":dataSource="dataSource":pagination="pagination":loading="loading":scroll="{ x: 1000, y: 300 }":row-selection="{selectedRowKeys: selectedRowKeys,onChange: onSelectChange,}"bordered></a-table>

上面的代码中，最重要的就是：

1.rowKey='id'

2.row-selection的写法

 :row-selection="{selectedRowKeys: selectedRowKeys,onChange: onSelectChange,}"

3.script中定义参数

export default {name: 'areaDrawer',components: { schedulingSetForm, outForm },data() {return {selectedRowKeys: [],selectedRows: [],};},
}

4.监听选择change事件

 onSelectChange(selectedRowKeys, selectedRows) {if (this.selectedRowKeys.length < selectedRowKeys.length) {selectedRowKeys.forEach((item, Iindex) => {let index = this.selectedRows.findIndex((s) => s.id == item);if (index == -1) {this.selectedRows.push(selectedRows[selectedRows.length - 1]);}});} else {this.selectedRowKeys.forEach((item, index) => {if (selectedRows.indexOf(item) == -1) {this.selectedRows.splice(index, 1);}});}this.selectedRowKeys = selectedRowKeys;
},

完成！！！多多积累，多多收获！