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

对于el-tree组件，在节点后面显示所有子节点数量，你可以使用节点插槽来自定义节点的内容。以下是一种实现方式：

1. 首先，确保你已经安装了`element-ui`库和`vue`库。

2. 在你的Vue组件中，导入所需的组件和样式：

import { ElTree, ElTreeChildNode } from "element-ui";
import "element-ui/lib/theme-chalk/tree.css";

3. 在模板中使用el-tree组件，并在节点插槽中自定义节点的内容：

<template>
  <el-tree :data="treeData">
    <template v-slot="{ node, data }">
      <span>{{ data.label }}</span>
      <span v-if="node.childNodes.length > 0">
        ({{ countChildNodes(node) }})
      </span>
    </template>
  </el-tree>
</template>

4. 在Vue实例中定义treeData和countChildNodes方法：

data() {
  return {
    treeData: [
      {
        label: "Node 1",
        children: [
          {
            label: "Node 1.1"
          },
          {
            label: "Node 1.2"
          }
        ]
      },
      {
        label: "Node 2",
        children: [
          {
            label: "Node 2.1"
          },
          {
            label: "Node 2.2"
          }
        ]
      }
    ]
  };
},
methods: {
  countChildNodes(node) {
    return node.childNodes.length;
  }
}

这样，el-tree组件将在每个节点后面显示其子节点的数量。

请注意，上述代码示例假设你已经正确引入了element-ui，并且已经在Vue组件中注册了el-tree和el-tree-child-node组件。如果你还没有这样做，请确保按照element-ui官方文档的指导进行设置。