element 树形结构表格只显示最底层部分children的字段

您可以使用 element 的表格组件的 `scopedSlots` 属性来实现这个功能。在 `scopedSlots` 中，您需要定义一个插槽来渲染每一行数据，然后在插槽中判断该行数据是否有子节点，如果有则递归渲染子节点，否则渲染该行数据的字段。

以下是一个示例代码：

<template>
  <el-table :data="tableData" :tree-props="{ hasChildren: 'hasChildren', children: 'children' }">
    <el-table-column label="名称" width="200">
      <template #default="{ row }">
        <span :style="{ paddingLeft: row.level * 20 + 'px' }">
          {{ row.name }}
        </span>
      </template>
    </el-table-column>
    <el-table-column prop="age" label="年龄">
    </el-table-column>
    <el-table-column prop="address" label="地址">
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: 'John',
          age: 30,
          address: 'New York',
          hasChildren: true,
          children: [
            {
              name: 'Mary',
              age: 25,
              address: 'Los Angeles',
              hasChildren: false,
            },
            {
              name: 'Peter',
              age: 35,
              address: 'Chicago',
              hasChildren: false,
            },
          ],
        },
        {
          name: 'Alice',
          age: 28,
          address: 'San Francisco',
          hasChildren: false,
        },
      ],
    };
  },
};
</script>

在上面的代码中，我们定义了一个包含两个数据项的表格，其中第一个数据项包含了两个子数据项。我们通过 `tree-props` 属性告诉表格组件如何渲染树形结构，然后通过在每个数据项中添加 `hasChildren` 和 `children` 属性来指定树形结构中的子节点。然后，在表格的第一列中，我们使用了一个插槽来渲染每一行数据。在插槽中，我们首先判断该行数据是否有子节点，如果有则递归渲染子节点，否则渲染该行数据的字段。通过这种方式，我们就可以只显示最底层部分 `children` 的字段。