Treeview（树形视图）
v-treeview 组件适用于显示大量嵌套数据。
WARNING
此功能需要 v3.5.9 版本。
Installation （安装）
实验室组件需要手动导入和安装该组件。
js
import { VTreeview } from "vuetify/labs/VTreeview";
export default createVuetify({
components: {
VTreeview,
},
});Usage （使用）
一个树视图组件的基本示例。
API
| 组件 | 描述 |
|---|---|
| v-treeview | 主要组件 |
| v-treeview-item | 子组件用于显示单个树视图节点 |
| v-treeview-children | 子组件用于显示单个树视图节点的子组件的子节点 |
| v-treeview-group | 子组件用于显示单个树视图节点的子组件的子节点 |
Examples （示例）
Props （属性）
Activatable （可激活）
树形视图节点可以将其激活。
Color （颜色）
您可以控制活动的树形视图节点的文本和背景颜色。
Dense mode （密集模式）
dense 属性激活密集模式，提供了更紧凑的布局，同时降低了项目的高度。
Item disabled （禁用项目）
设置 item-disabled 属性，控制节点哪个属性在设置为 true 时禁用节点。
Load children （加载子项）
你可以通过向load-children属性提供一个 Promise 回调来动态加载子数据。这个回调将在用户第一次尝试展开一个具有空数组的 children 属性的项时执行。
Open all （打开全部）
树形视图节点可以在页面加载时预先打开。
Selected color （选择颜色）
您可以控制所选节点复选框的颜色。
Selection type （选择类型）
Treeview 现在支持两种不同的选择类型。默认类型是 'leaf'，它将只包括 v-model 数组中的叶子节点，但会将父节点呈现为部分或完全选择。另一种模式是 'independent'（独立的），它允许选择父节点，但是每个节点都独立于它的父节点和子节点。
Slots （插槽）
Append and label （附加和标签）
使用 label,和一个 append 插槽，我们能够创建一个直观的文件浏览器。
Misc （其他）
Search and filter （搜索&过滤）
使用search（搜索）道具轻松过滤树视图。如果需要区分大小写或模糊过滤，可以通过设置过滤器道具轻松应用自定义filter（过滤）功能。这类似于v-autocomplete 组件。
Selectable icons （可选择的图标）
为您的可选树自定义on, off 和 indeterminate （开、关和不确定）图标。结合其他高级功能，如 API 加载项。