在vue3中element-plus如何设置el-table默认全选

在Vue 3中使用Element Plus的el-table组件时，若要设置默认全选，可以通过以下步骤实现：

1. 使用el-table的ref属性获取表格引用。
2. 通过表格引用访问内部的store对象。
3. 使用store的toggleAllSelection方法来切换所有行的选中状态。

以下是示例代码：

<template>
  <el-table
    :data="tableData"
    ref="tableRef"
    @selection-change="handleSelectionChange"
  >
    <el-table-column type="selection" width="55"></el-table-column>
    <!-- 其他列 -->
  </el-table>
</template>
 
<script setup>
import { ref, onMounted } from 'vue';
import { ElTable } from 'element-plus';
 
const tableData = ref([{ /* 数据对象 */ }, { /* 数据对象 */ }]);
const tableRef = ref(null);
 
onMounted(() => {
  // 在组件挂载后设置默认全选
  tableRef.value.store.toggleAllSelection();
});
 
const handleSelectionChange = (selection) => {
  // 处理选中行变化
};
</script>

在上述代码中，tableData是表格的数据源，tableRef是表格的引用。在onMounted钩子中，通过tableRef.value.store.toggleAllSelection()调用内部的store的toggleAllSelection方法来全选所有行。这样在组件加载完成后，表格中的所有行都会被默认选中。