208 - 树组件

[Li-mengbo]

<script setup lang="ts">
interface TreeData {
  key: string
  title: string
  children: TreeData[]
}
defineProps<{data: TreeData[]}>()
</script>

<template>
 <div>
  <div v-for="(item, index) in data" :key="index">
    <span>{{ item.title }}</span>
    <TreeComponent v-if="item?.children?.length" :data="item.children" />
  </div>
 </div>
</template>