el-table全选时获取选中行数据

在 `el-table` 中，可以通过使用 `selection-change` 事件来监听全选或取消全选的动作，并通过 `selection` 属性获取选中的行数据。以下是一个示例代码：

<template>
  <div>
    <el-table :data="tableData" @selection-change="handleSelectionChange">
      <el-table-column type="selection"></el-table-column>
      <!-- 其他列定义 -->
    </el-table>
    <button @click="getSelectedRows">获取选中行数据</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // 表格数据
      ],
      selectedRows: [] // 存储选中的行数据
    };
  },
  methods: {
    handleSelectionChange(selection) {
      this.selectedRows = selection;
    },
    getSelectedRows() {
      console.log(this.selectedRows);
      // 在这里可以对选中的行数据进行处理
    }
  }
};
</script>

在这个示例中，我们使用 `el-table` 组件展示表格数据，并在表格中添加了一个选择列（通过 `type="selection"` 实现）。通过 `@selection-change` 监听全选或取消全选的动作，并将选中的行数据保存在 `selectedRows` 属性中。

在模板中，我们添加了一个按钮，通过 `@click` 事件触发 `getSelectedRows` 方法，该方法用于获取选中的行数据并进行处理。你可以根据实际需求对选中的行数据进行相应的操作。

请根据实际情况调整代码，并根据需要在按钮点击事件中处理选中的行数据。