vue3树节点实现通过子节点的parentid找到父节点数据

<template>
  <div>
    <!-- 你的组件内容 -->
    <button @click="findParentNode">Find Parent Node</button>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    // 假设这是你的树形数据
    const treeData = ref([
      // ... 你的树形数据结构
    ]);

    // 要搜索的子节点的parentId
    const childParentId = 7;

    // 查找父节点的函数
    const findParentNode = () => {
      function searchParentNode(nodes, parentId) {
        for (const node of nodes) {
          if (node.parentId === parentId) {
            return node; // 返回找到的父节点
          }
          if (node.children) {
            const parentNode = searchParentNode(node.children, parentId);
            if (parentNode) return parentNode; // 如果在子节点中找到，返回父节点
          }
        }
        return null; // 如果没有找到，返回null
      }

      const parentNode = searchParentNode(treeData.value, childParentId);
      if (parentNode) {
        console.log('Parent Node Found:', parentNode);
      } else {
        console.log('Parent Node Not Found');
      }
    };

    return {
      treeData,
      findParentNode
    };
  }
};
</script>