element表格跨页多选

Element表格（EleUI Table）是基于Vue.js的饿了么前端框架Element UI中的一个强大组件，它支持丰富的数据展示和交互功能，包括跨页分页。如果需要实现表格的多选功能，并且跨越多页，你需要配置一些选项：

1. **启用多选**：首先，在表格的列定义中，设置`type`属性为`selection`，这将启用选择模式。

<el-table :data="tableData" :select-on-indeterminate="false" @select="handleSelectionChange">
  <el-table-column type="selection"></el-table-column>
</el-table>

2. **分页处理**：使用`el-pagination`组件配合表格，当用户翻页时，需要确保选择的状态能够同步到新的页面上。可以在`handleSelectionChange`事件中更新分页状态，并传递当前页的数据给表格。

methods: {
  handleSelectionChange(selection) {
    this.selectedRows = selection;
    // 更新分页数据和滚动位置
    this.pagination.currentPage = 1; // 重置到第一页
    this.loadPage(); // 加载对应页的数据
  },
  loadPage() {
    const currentPage = this.pagination.currentPage;
    const pageSize = this.pagination.pageSize;
    const startIndex = (currentPage - 1) * pageSize;
    const endIndex = startIndex + pageSize;

    // 调用后台API获取对应页的数据，注意带上选择行的标识
    this.fetchData(startIndex, endIndex, this.selectedRows);
  }
}

3. **数据获取**：根据用户的页数请求新的数据，同时携带已选择的行信息，以便在新页面显示正确的多选结果。

记住，实际操作中可能还需要考虑性能优化，比如只发送改变后的行数据到服务器，避免不必要的网络请求。