el-tree在节点后面显示所有嵌套子节点数量

要在 el-tree 的节点后面显示所有嵌套子节点的数量，您需要自定义 el-tree 的节点模板，并使用递归的方式计算嵌套子节点的数量。以下是一个示例：

<template>
  <el-tree :data="treeData">
    <template v-slot="{ node }">
      <span>{{ node.label }}</span>
      <span v-if="hasChildren(node)">( {{ countNestedChildren(node) }} )</span>
    </template>
  </el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          label: 'Node 1',
          children: [
            {
              label: 'Node 1-1',
              children: [
                {
                  label: 'Node 1-1-1',
                },
                {
                  label: 'Node 1-1-2',
                },
              ],
            },
          ],
        },
        {
          label: 'Node 2',
          children: [
            {
              label: 'Node 2-1',
            },
            {
              label: 'Node 2-2',
            },
          ],
        },
      ],
    };
  },
  methods: {
    hasChildren(node) {
      return node.children && node.children.length > 0;
    },
    countNestedChildren(node) {
      let count = node.children.length;
      node.children.forEach(child => {
        count += this.countNestedChildren(child);
      });
      return count;
    },
  },
};
</script>

在上述示例中，我们使用了 `v-slot` 来自定义 el-tree 的节点模板。在模板中，我们首先显示节点的标签（`node.label`），然后使用 `v-if` 来判断该节点是否有子节点。如果有子节点，则调用 `countNestedChildren` 方法来计算所有嵌套子节点的数量，并在节点后面显示该数量。

`countNestedChildren` 方法使用递归的方式遍历节点的子节点，并累加嵌套子节点的数量。请根据您的实际需求调整示例代码，以适应您的数据结构和样式需求。