vue怎样实现切换不同场景显示antd树形结构的不同子节点

可以通过以下步骤实现：

1. 在Vue组件中引入antd的Tree组件。

2. 在数据中定义不同场景需要展示的Tree节点数据。

3. 使用v-if或者v-show指令来控制不同场景下Tree节点的展示。

4. 在切换场景时，切换数据中的节点数据即可。

下面是一个示例代码：

<template>
  <div>
    <el-radio-group v-model="currentScene" @change="onSceneChange">
      <el-radio :label="'scene1'">场景1</el-radio>
      <el-radio :label="'scene2'">场景2</el-radio>
      <el-radio :label="'scene3'">场景3</el-radio>
    </el-radio-group>
    <div v-show="currentScene === 'scene1'">
      <a-tree :tree-data="treeData1"></a-tree>
    </div>
    <div v-show="currentScene === 'scene2'">
      <a-tree :tree-data="treeData2"></a-tree>
    </div>
    <div v-show="currentScene === 'scene3'">
      <a-tree :tree-data="treeData3"></a-tree>
    </div>
  </div>
</template>

<script>
import { Tree } from 'ant-design-vue';

export default {
  components: {
    'a-tree': Tree
  },
  data() {
    return {
      currentScene: 'scene1',
      treeData1: [
        { title: 'Node 1', key: '1' },
        { title: 'Node 2', key: '2' },
        { title: 'Node 3', key: '3' },
      ],
      treeData2: [
        { title: 'Node A', key: 'A' },
        { title: 'Node B', key: 'B' },
        { title: 'Node C', key: 'C' },
      ],
      treeData3: [
        { title: 'Apple', key: 'apple' },
        { title: 'Banana', key: 'banana' },
        { title: 'Cherry', key: 'cherry' },
      ]
    }
  },
  methods: {
    onSceneChange(value) {
      this.currentScene = value;
    }
  }
}
</script>

在上面的代码中，我们首先导入了antd的Tree组件，然后在数据中定义了三种不同的场景需要展示的Tree节点数据，然后使用v-show指令根据不同场景来展示不同的Tree结构。

最后，我们通过一个radio按钮来控制场景的切换，并在onSceneChange回调函数中更新当前的场景值。