elementui分页表格实现全选和反选

Element UI的分页表格组件（`el-table`）本身并不直接支持全选和反选功能，但它可以配合其他控件和事件处理来实现这样的效果。通常做法是：

1. **添加复选框列**：首先，在表头或每一行增加一个复选框元素，例如`<el-checkbox>`。

2. **绑定事件**：给每个复选框添加`@change`事件监听器，这个事件会在用户点击复选框时触发。

3. **全局状态控制**：创建一个全局变量或者状态管理工具（如Vuex）来存储所有选中的行，每当某个复选框改变时更新这个状态。

4. **操作函数**：为“全选”和“反选”按钮编写函数，遍历表格数据，根据当前的状态选择是否全选或清除所有选中项。

5. **联动操作**：当表格的数据发生变化或者用户手动切换页面时，需要同步更新全局状态。

下面是一个简单的示例代码片段：

<template>
  <el-table :data="tableData">
    <el-table-column type="selection" width="55"></el-table-column>
    <!-- 添加其它列 -->
    <el-table-column label="姓名" prop="name"></el-table-column>
    <!-- ... -->
    
    <el-table-column label="操作">
      <template slot-scope="scope">
        <el-button @click="selectAll">全选</el-button>
        <el-button @click="deselectAll">反选</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [],
      selectedRows: []
    };
  },
  methods: {
    selectAll() {
      this.selectedRows = this.tableData;
    },
    deselectAll() {
      this.selectedRows = [];
    },
    // 其他业务逻辑...
  }
};
</script>