el-table 树形结构 多选 父子级联动 全选 半选状态

<template>
  <el-table
    :data="tableData"
    row-key="id"
    :default-expand-all="true"
    :tree-props="{ children: 'children' }"
    @selection-change="handleSelectionChange"
  >
    <el-table-column
      type="selection"
      width="55"
      :reserve-selection="true"
    ></el-table-column>
    <el-table-column
      prop="date"
      label="日期"
      width="180">
    </el-table-column>
    <!-- 其他列 -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // 树形结构的数据
      ],
      selection: []
    };
  },
  methods: {
    handleSelectionChange(selection) {
      this.selection = selection;
      // 这里可以添加逻辑来处理全选和半选状态
    }
  }
};
</script>