el-table 全选

el-table 组件是 Element UI 中的一个表格组件，它提供了一些列选项来控制表格的行为，包括全选功能。

要在 el-table 中实现全选功能，你可以使用 selection 属性和 select-all 属性。通过设置 selection 属性为 true，每一行前面都会显示一个复选框，用来选择行。通过设置 select-all 属性为 true，表头会显示一个全选的复选框，用来全选或取消全选所有行。

以下是一个示例代码：

<template>
  <el-table
    :data="tableData"
    style="width: 100%"
    :selection="true"
    :select-all="true"
    v-model="selection"
  >
    <el-table-column
      type="selection"
      width="55"
    ></el-table-column>
    <el-table-column
      prop="name"
      label="Name"
    ></el-table-column>
    <el-table-column
      prop="age"
      label="Age"
    ></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 20 },
        { name: 'Jane', age: 25 },
        { name: 'Dave', age: 30 },
      ],
      selection: [],
    };
  },
};
</script>

在上面的示例中，tableData 是要显示的数据数组，selection 是一个绑定到 el-table 的 v-model，用于保存当前选择的行。