要保留分页之前的数据,可以在分页改变之前将当前选中的行数据缓存起来,然后在分页改变之后重新设置选中的行数据。

首先,在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参数了

vue a-table ref=table size=middle bordered rowKey=id columns=columns dataSource=dataSource pagination=ipagination loading=loading rowSele

原文地址: https://www.cveoy.top/t/topic/iE8m 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录