vue a-table ref=table size=middle bordered rowKey=id columns=columns dataSource=dataSource pagination=ipagination loading=loading rowSele
要保留分页之前的数据,可以在分页改变之前将当前选中的行数据缓存起来,然后在分页改变之后重新设置选中的行数据。
首先,在data中定义一个数组selectedRows用于保存选中的行数据:
data() {
return {
selectedRows: [], // 保存选中的行数据
// 其他数据...
}
}
然后,在handleTableChange方法中,在分页改变之前将当前选中的行数据保存到selectedRows数组中:
handleTableChange(pagination, filters, sorter) {
// 保存当前选中的行数据
this.selectedRows = this.$refs.table.selectionRows;
// 其他处理逻辑...
}
最后,在onSelectChange方法中,将selectedRows数组的数据赋值给selectionRows参数:
onSelectChange(selectedRowKeys, selectionRows) {
// 将selectedRows数组的数据赋值给selectionRows参数
selectionRows = this.selectedRows;
// 其他处理逻辑...
}
这样就可以在分页改变之后将之前选中的行数据重新赋值给selectionRows参数了
原文地址: https://www.cveoy.top/t/topic/iE8m 著作权归作者所有。请勿转载和采集!