208 - 树组件

[sly3464]

<script setup lang="ts">
import TreeComponent from "./TreeComponent.vue"
interface TreeData {
  key: string
  title: string
  children: TreeData[]
}
const props = defineProps<{ data: TreeData[] }>()
</script>

<template>
  <!-- do something.... -->
  <div v-for="(item, index) in data">
    {{ item.title }}
    <template v-if="item.children && item.children.length">
      <TreeComponent :data="item.children"></TreeComponent>
    </template>
  </div>
</template>