el-tree树如何展开节点后是另一个el-tree树

对于el-tree树展开节点后是另一个el-tree树的情况，你可以通过使用el-tree组件的自定义模板来实现。在展开节点时，你可以将子节点绑定到另一个el-tree组件的数据源中。

首先，确保你已经在项目中引入了el-tree组件。然后，在你的Vue组件中，可以这样定义el-tree组件：

<template>
  <div>
    <el-tree :data="treeData" :node-key="nodeKey" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
  </div>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          label: '节点1',
          children: [
            {
              label: '子节点1',
              children: [
                {
                  label: '子节点1.1',
                },
                {
                  label: '子节点1.2',
                },
              ],
            },
          ],
        },
        {
          label: '节点2',
          children: [
            {
              label: '子节点2',
              children: [
                {
                  label: '子节点2.1',
                },
                {
                  label: '子节点2.2',
                },
              ],
            },
          ],
        },
      ],
      nodeKey: 'label',
      defaultProps: {
        children: 'children',
        label: 'label',
      },
    };
  },
  methods: {
    handleNodeClick(data) {
      // 在这里处理节点点击事件
      // 获取点击的节点数据data，然后将其作为新的数据源赋值给另一个el-tree组件
      this.treeData = data.children;
    },
  },
};
</script>

在上面的示例中，我们使用了el-tree组件的data属性绑定了树的数据源。当点击节点时，通过handleNodeClick方法获取到该节点的子节点数据，然后将其赋值给treeData，这样就实现了展开节点后显示另一个el-tree树的效果。

注意，你可以根据实际需求修改数据结构和事件处理逻辑。这只是一个简单的示例，希望能对你有所帮助！