el-table一次性勾选所有的勾选框父级和子集全部勾选

在使用 Element UI 的 `el-table` 组件时，如果你想要实现一次性勾选所有的勾选框，包括父级和子集，你需要在数据结构和事件处理上进行相应的设置。

首先，你需要在你的数据模型中包含一个字段，用于记录每一行的勾选状态。通常这个字段是一个布尔值，比如 `checked`。

其次，你需要绑定 `row-checked` 事件，这个事件会在行的勾选状态改变时触发。在这个事件的处理函数中，你需要更新被选中行的 `checked` 状态，同时也需要递归地更新其所有子行的 `checked` 状态，确保它们与父级保持一致。

以下是一个简化的示例代码：

<template>
  <el-table
    :data="tableData"
    @row-checked-change="handleRowCheckedChange"
  >
    <!-- 表格定义 -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // 你的数据源
      ],
      // 其他属性或方法
    };
  },
  methods: {
    handleRowCheckedChange(row, checked) {
      this.updateCheckStatus(row, checked);
    },
    updateCheckStatus(row, checked) {
      // 更新当前行的勾选状态
      this.$set(this.tableData, row.index, { ...row, checked });

      // 如果当前行有子行，递归更新子行的勾选状态
      if (row.children && row.children.length > 0) {
        row.children.forEach(child => {
          this.updateCheckStatus(child, checked);
        });
      }
    }
  }
};
</script>

在这个示例中，`handleRowCheckedChange` 方法会在行的勾选状态发生变化时被调用，然后它会调用 `updateCheckStatus` 方法来更新当前行以及其所有子行的勾选状态。