el-table跨页选择实现代码

A：

el-table在跨页选择时，需要借助el-pagination组件来实现。具体实现代码如下：

1. 在template中创建el-table组件和el-pagination组件，并设置相关的属性：

<el-table :data="tableData" @selection-change="handleSelectionChange">
  <!-- 表格列 -->
</el-table>
<el-pagination
  @current-change="handlePageChange"
  :current-page="currentPage"
  :page-size="pageSize"
  :total="total">
</el-pagination>

2. 在script中，定义相关的变量和方法：

data() {
  return {
    tableData: [], // 表格数据
    currentPage: 1, // 当前页码
    pageSize: 10, // 每页显示数量
    total: 0, // 数据总数
    selectionData: [], // 选择的数据
    multipleSelection: [] // 多选的数据
  }
},
methods: {
  // 监听分页器页码变化，更新表格数据
  handlePageChange(val) {
    this.getTableData(val)
  },
  // 监听表格选中项变化
  handleSelectionChange(val) {
    this.selectionData = val
  },
  // 获取表格数据
  getTableData(page) {
    // 根据页码和每页数量请求相应的数据
    // 更新tableData和total
  },
  // 清空选择的数据
  clearSelection() {
    this.$refs.table.clearSelection()
  },
  // 处理多选
  handleMultipleSelection(selection) {
    // 如果是在同一页内多选
    if (this.multipleSelection.length > selection.length) {
      this.selectionData = this.selectionData.filter(item =>
        selection.find(s => s.id === item.id)
      )
    } else {
      selection.forEach(item => {
        if (!this.selectionData.find(s => s.id === item.id)) {
          this.selectionData.push(item)
        }
      })
    }
    this.multipleSelection = selection
  },
  // 全选
  handleSelectAll(status) {
    if (status) {
      this.$refs.table.toggleAllSelection()
      this.selectionData = this.tableData.slice()
    } else {
      this.clearSelection()
    }
  }
}

3. 通过监听el-table组件的多选事件实现多页跨页选择：

<el-table :data="tableData" @selection-change="handleSelectionChange" @select-all="handleSelectAll" @select="handleMultipleSelection">
  <!-- 表格列 -->
</el-table>

通过以上实现，el-table就能够实现跨页选择了。