<template> <PageWrapper title="Tree基础示例"> <div class="flex"> <BasicTree :treeData="treeData" title="基础示例" class="w-1/3" /> <BasicTree :treeData="treeData" title="可勾选" :checkable="true" class="w-1/3 mx-4" /> <BasicTree title="默认展开/勾选示例" :treeData="treeData" :checkable="true" :expandedKeys="['0-0']" :checkedKeys="['0-0']" class="w-1/3" /> </div> </PageWrapper> </template> <script lang="ts"> import { defineComponent } from 'vue'; import { BasicTree } from '/@/components/Tree/index'; import { treeData } from './data'; import { PageWrapper } from '/@/components/Page'; export default defineComponent({ components: { BasicTree, PageWrapper }, setup() { return { treeData }; }, }); </script>