el-table默认全选

el-table 是 Element UI 中的一个表格组件，它提供了一些默认的功能，包括全选。在 el-table 中，默认情况下是没有全选功能的，但是可以通过配置来实现全选功能。

要实现 el-table 的全选功能，可以使用 el-table 的 selection 属性。该属性可以接受一个数组，用于存储被选中的行的数据。当用户点击全选按钮时，可以将所有行的数据添加到 selection 数组中，从而实现全选。

以下是一个示例代码，演示了如何实现 el-table 的默认全选功能：

<template>
  <div>
    <el-table :data="tableData" :selection="selection" @select-all="handleSelectAll">
      <el-table-column type="selection"></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>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 20 },
        { name: 'Jane', age: 25 },
        { name: 'Tom', age: 30 }
      ],
      selection: [] // 存储被选中的行的数据
    };
  },
  methods: {
    handleSelectAll(selection) {
      if (selection.length === this.tableData.length) {
        // 全选
        this.selection = [...this.tableData];
      } else {
        // 取消全选
        this.selection = [];
      }
    }
  }
};
</script>

在上述代码中，el-table 的 selection 属性绑定到了 data 中的 selection 数组。当用户点击全选按钮时，会触发 select-all 事件，通过判断 selection 数组的长度与 tableData 数组的长度是否相等，来确定是否全选或取消全选。

希望以上信息能够帮助到你！如果有任何疑问，请随时提出。