怎样实现antdvue 点击树节点弹出该树节点的信息框

要实现antdvue中点击树节点弹出该树节点的信息框，可以按照以下步骤来进行：

1. 在父组件中定义一个选中的节点变量，用于存储当前选中的树节点。

2. 在树组件中添加一个@click事件，在该事件中将当前点击的节点赋值给选中的节点变量。

3. 在父组件中通过监听选中的节点变量的变化，来弹出对应节点的信息框。

具体代码如下：

<template>
  <div>
    <a-tree :tree-data="treeData" :default-expand-all="true" @click="handleClick"></a-tree>
    <a-modal v-if="selectedNode" :title="selectedNode.title" :visible="true" @cancel="handleCancel">
      <p>{{ selectedNode.content }}</p>
    </a-modal>
  </div>
</template>

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

export default {
  components: {
    'a-tree': Tree,
    'a-modal': Modal,
  },
  data() {
    return {
      treeData: [
        {
          title: 'Node1',
          key: '1',
          content: 'This is the content of Node1',
          children: [
            {
              title: 'Child Node1',
              key: '1-1',
              content: 'This is the content of Child Node1',
            },
            {
              title: 'Child Node2',
              key: '1-2',
              content: 'This is the content of Child Node2',
            },
          ],
        },
        {
          title: 'Node2',
          key: '2',
          content: 'This is the content of Node2',
        },
      ],
      selectedNode: null,
    };
  },
  methods: {
    handleClick(node) {
      this.selectedNode = node;
    },
    handleCancel() {
      this.selectedNode = null;
    },
  },
};
</script>

在上述代码中，定义了一个树形组件，其中每个节点都有一个title和一个content属性，分别代表节点的标题和内容。在点击节点时，将当前节点赋值给selectedNode变量，然后在父组件中通过v-if指令来控制是否弹出信息框，并将selectedNode的title和content分别传递给信息框的标题和内容。在点击信息框的取消按钮时，将selectedNode变量重置为null，关闭信息框。