208 - 树组件

[484869326]

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

interface TreeData {
	key: string;
	title: string;
	children: TreeData[];
}
defineProps<{ data: TreeData[] }>();
const customTree = (props) => {
	const data = props.data;
	const _deep = (list: any) => {
		if (!list) return;
		return list.map((item) => {
			return h("ul", [h("li", item.title), _deep(item.children)]);
		});
	};
	return _deep(data);
};
</script>

<template>
	<!-- do something.... -->
	<customTree :data="data"></customTree>
</template>

• 答案网址