element-ui的table跨页多选

Element UI 的 Table 组件默认支持分页功能，如果你想实现在跨页情况下进行多选，可以结合其提供的`selection`属性和自定义事件处理。`selection`属性允许你在表格上设置单选或多选模式，你可以通过监听`@selection-change`事件来跟踪用户的选中状态，不论是在哪一页。

以下是实现步骤：

1. 在 Vue 中配置 `element-ui` 的 Table，设置 `selection` 为 `multiple` 或 `row-key` 来保证行级选择（如果你需要基于每个条目的唯一标识符进行多选）：

<el-table :data="tableData" selection="multiple">
  <!-- 表格列 -->
</el-table>

2. 在组件内获取和处理选择的数据：

export default {
  data() {
    return {
      tableData: [], // 假设这是你的数据源
      selectedItems: [] // 存储选中的行
    };
  },
  methods: {
    handleSelectionChange(val) {
      this.selectedItems = val; // 当用户切换选择时，更新selectedItems
    }
  },
  watch: {
    $refs: {
      handler(newRef, oldRef) {
        if (newRef && newRef.$el) {
          newRef.$el.addEventListener('selection-change', this.handleSelectionChange);
        } else if (oldRef) {
          oldRef.$el.removeEventListener('selection-change', this.handleSelectionChange);
        }
      },
      deep: true
    }
  }
}

3. 如果有分页，你需要额外处理每页的数据同步：

// 假设你有一个分页器 component，如 el-pagination
this.pagination.currentPage.value = 1; // 刷新到第一页
this.getTableData(page => {
  // 获取当前页数据并更新表格及选择
  // 更新selectedItems为你在新数据中的选择
});