vue2项目使用and design vue的tree组件如何点击节点获取所在的层级

在 Vue2 中使用 Ant Design Vue 的 Tree 组件时，如果你想在点击节点时获取该节点所在的层级，你可以通过监听 TreeNode 的 `onSelect` 或者 `onClick` 事件来实现。这里是一个简单的例子：

<template>
  <a-tree :data="treeData" @select="handleNodeClick">
    <!-- ... -->
  </a-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          title: '父级一',
          children: [
            { title: '子级一', key: '1' },
            { title: '子级二', key: '2', level: 2 }, // 添加层级信息
          ],
        },
        // ...
      ],
    };
  },
  methods: {
    handleNodeClick(node) {
      console.log(`您点击的节点 ${node.title} 在第 ${node.level} 层级。`);
      // 这里可以做进一步的操作，比如处理数据或者导航等
    },
  },
};
</script>

在上面的代码中，每个节点的数据对象都添加了一个 `level` 字段来存储层级信息。当用户点击节点时，`handleNodeClick` 方法会被触发，并打印出节点的标题及其所在层级。