Tree
树。数据声明式传入(items + itemLabel / itemValue / childrenKey 可改字段名),勾选(v-model:selected)、激活(v-model:activated)、展开(v-model:expanded)三态各自受控;selectStrategy="leaf" 时勾选父节点只取叶子;openAll 默认全展开。节点尾部内容用 append 插槽。
基础
勾选 + 激活
selected: —
activated: —
API
Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
items | (object | Record<string, unknown>)[] | undefined | [] | — |
itemTitle | string | undefined | "title" | — |
itemValue | string | undefined | "id" | — |
childrenKey | string | undefined | "children" | — |
selectable | boolean | undefined | false | — |
activatable | boolean | undefined | false | — |
openAll | boolean | undefined | false | — |
selectStrategy | "all" | "leaf" | undefined | "all" | — |
size | "mini" | "small" | "medium" | "large" | "super" | undefined | undefined | 尺寸:mini / small / medium(默认) / large / super;不传则跟随环境 data-size |
selected | string[] | undefined | [] | — |
activated | string[] | undefined | [] | — |
expanded | string[] | undefined | [] | — |
Emits
| 事件 | 载荷 | 说明 |
|---|---|---|
update:selected | [value: string[]] | — |
update:activated | [value: string[]] | — |
update:expanded | [value: string[]] | — |
Slots
| 插槽 | 说明 |
|---|---|
append | — |