208 - 树组件

[kalu5]

// 你的答案
<script setup lang="ts">
interface TreeData {
  key: string
  title: string
  children: TreeData[]
}
defineProps<{data: TreeData[]}>()
function CommonTree () {
  return 
}
</script>

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