Tree 树形组件
基础用法
基础的树形结构展示
loading
自定义内容
使用默认插槽对每个节点插入自定义内容
loading
异步加载
loading
带勾选框
使用 checkbox 为树形组件带上勾选框
loading
禁用效果
使用 disabledKeys 属性设置禁用
loading
默认选中和默认不定状态
使用 defaultSeleckedKeys 和 indeterminateKeys 为树形组件设置默认选中节点与不定状态节点
loading
虚拟滚动
使用 virtual 属性提供虚拟滚动
loading
Tree API
Tree Attributes
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| data | 绑定的值 | Array | [] |
| label | 标签绑定的字段 | string | label |
| keyField | 标识符绑定的字段 | string | key |
| children | 子节点绑定的字段 | string | children |
| checkbox | 带多选框 | boolean | false |
| multiple | 多选 | boolean | false |
| virtual | 虚拟滚动 | boolean | false |
| defaultExpandedKeys | 默认展开的节点(不选中) | Array | [] |
| defaultCheckedKeys | 默认选中的节点 | Array | [] |
| selectedKeys | 选中的节点 | Array | [] |
| disabledKeys | 禁用的节点 | Array | [] |
| indeterminateKeys | 不定的节点 | Array | [] |
| onLoad | 异步加载时获取节点的函数 | () => Promise<[]> |
Tree Slots
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| default | 默认插槽,自定义树节点内容 |
