element-ui中Table 表格默认勾选全部

在 element-ui 中，如果要默认勾选全部 Table 表格中的数据，可以通过以下两种方式实现：

1. 使用 default-selection 属性

在 Table 组件中，可以使用 default-selection 属性来设置默认勾选的数据。这个属性需要绑定一个数组，数组中的每个元素都是一个对象，对象的 key 值对应的是表格中的某个字段，value 值表示该字段的值。例如：

<el-table :data="tableData" :default-selection="defaultSelection">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
</el-table>

data() {
  return {
    tableData: [
      { name: '张三', age: 20 },
      { name: '李四', age: 22 },
      { name: '王五', age: 25 },
    ],
    defaultSelection: [
      { name: '张三', age: 20 },
      { name: '李四', age: 22 },
      { name: '王五', age: 25 },
    ],
  }
},

上面的代码中，defaultSelection 数组中包含了表格中所有的数据，因此默认勾选全部数据。

2. 使用 select-all 属性

在 Table 组件中，可以使用 select-all 属性来设置是否默认勾选全部数据。将 select-all 属性设置为 true，即可默认勾选全部数据：

<el-table :data="tableData" :select-all="true">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
</el-table>

data() {
  return {
    tableData: [
      { name: '张三', age: 20 },
      { name: '李四', age: 22 },
      { name: '王五', age: 25 },
    ],
  }
},

上面的代码中，select-all 属性被设置为 true，因此默认勾选全部数据