el-table 全选选择children不选中

在Element UI的`el-table`组件中，如果你想要实现当用户全选父级行时，其下级children行不会被选中，你需要自定义一些功能。Element UI本身并没有内置这样的全选联动功能，但可以通过事件监听和数据处理来实现。

首先，你需要给每个表格行的数据结构添加一个标志字段，比如`checkedChildren`，用于记录当前行及其所有children的状态。

然后，在表格的`row-class-name`属性或者`row-style`中，你可以根据`checkedChildren`的值来动态改变行的样式，例如添加`selected`类名来表示选中状态。

最后，你可以监听`selection-change`事件，当父级行被全选时，遍历该行的所有children并将其`checkedChildren`设为false，阻止它们被选中；反之亦然。

以下是简化的伪代码示例：

// 表格选项
methods: {
  toggleParentSelection(row) {
    if (row.parentChecked) {
      row.children.forEach(child => {
        child.checkedChildren = false;
      });
      this.$refs.table.toggleRowSelection(row, true);
    } else {
      this.$refs.table.toggleRowSelection(row, false);
    }
  }
},
computed: {
  parentChecked(row) {
    return row.children.every(child => child.checkedChildren);
  }
}

然后在模板上绑定`toggleParentSelection`方法：

<template>
  <el-table :data="tableData" ref="table">
    <!-- ... -->
    <el-table-column type="selection" @selection-change="toggleParentSelection"></el-table-column>
    <!-- ... -->
  </el-table>
</template>