208 - 树组件

[zgsgs]

// 你的答案
<script setup lang="ts">
import { defineProps } from 'vue';

interface TreeData {
  key: string;
  title: string;
  children: TreeData[];
}
defineProps<{ data: TreeData[] }>();
</script>

<template>
  <!-- do something.... -->
  <template v-for="node in data" :key="node.key">
    {{ node.title
    }}<TreeComponent
      v-if="node.children && node.children.length"
      :data="node.children"
    ></TreeComponent>
  </template>
</template>