vue2全选选中整个el-table中的分页每页数据 el-table-column type="selection"为全部选中状态

在Vue 2中，如果想要实现在`el-table`组件中，当`type="selection"`类型的列设置为“全选”状态，同时能够影响到分页每页的数据，你需要监听`table`的`@selection-change`事件。这个事件会在表格选择状态改变时触发。

首先，确保你在`el-table`组件中配置了`type="selection"`的列，并设置了默认的全选状态，例如：

<template>
  <el-table
    :data="tableData"
    @selection-change="handleSelectionChange"
  >
    <el-table-column type="selection" width="55">
      <!-- 全选复选框 -->
    </el-table-column>
    <!-- ...其他列... -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [...], // 数据源
    };
  },
  methods: {
    handleSelectionChange(selection) {
      // 当用户点击全选或取消全选时，会触发此方法
      this.selectAll = selection.length === this.tableData.length;
      
      // 如果你想同步所有分页的状态，可以在这里遍历每一页数据并更新选中状态
      if (this.pagination) {
        for (let page of this.pagination.pages) {
          page.data.forEach(item => {
            item.isSelected = this.selectAll;
          });
        }
      }
    },
  },
  computed: {
    pagination() {
      // 如果你的table有分页功能，返回分页对象
      return { ... }; 
    },
  },
};
</script>

在这个例子中，`handleSelectionChange`方法会被用来处理选中状态的变化。当用户全选或取消全选时，所有分页的数据都会设置为同样的选中状态。注意检查你的实际项目中是否包含分页对象`pagination`，并相应地调整处理逻辑。