vue3 table selection 默认全选

在Vue 3中，Table组件通常配合`element-ui`库中的`el-table`或自定义的表格组件使用，如果想要实现默认全选的功能，你可以这样做：

1. 首先，在数据列表中添加一个布尔属性，如`selected`，用于表示每一行是否被选择，默认值为`true`。

data() {
  return {
    items: [
      { id: 1, selected: true },
      //...
    ]
  }
}

2. 然后，在表格的列模板中添加一个复选框，并绑定到`selected`属性上，可以设置`v-model`为当前行的`selected`值。

<template>
  <el-table :data="items">
    <el-table-column type="selection" />
    <!-- 其他列... -->
    <el-table-column label="选择" prop="selected" align="center">
      <template slot-scope="scope">
        <el-checkbox v-model="scope.row.selected"></el-checkbox>
      </template>
    </el-table-column>
  </el-table>
</template>

3. 当需要全局设置默认全选状态时，可以在组件的生命周期钩子如`mounted`中处理，比如通过`this.$refs.table.selectAll()`来实现。

mounted() {
  this.$refs.table.selectAll();
}