element 树形结构表格只显示最底层字段

您可以使用 element 的表格组件的 `tree-props` 属性来实现这个功能。在 `tree-props` 中，您需要定义树形结构的相关配置，包括展开图标、缩进等。同时，您需要将每一行数据中的子节点作为该行数据的 `children` 属性传入，这样表格组件才能正确地渲染树形结构。

以下是一个示例代码：

<template>
  <el-table :data="tableData" :tree-props="{ hasChildren: 'hasChildren', children: 'children' }">
    <el-table-column prop="name" label="名称">
    </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` 属性来指定树形结构中的子节点。这样，表格组件就会自动渲染出树形结构，并且只显示最底层的字段。