Skip to content

Tree 树形组件

基础用法

基础的树形结构展示

loading

自定义内容

使用默认插槽对每个节点插入自定义内容

loading

异步加载

loading

带勾选框

使用 checkbox 为树形组件带上勾选框

loading

禁用效果

使用 disabledKeys 属性设置禁用

loading

默认选中和默认不定状态

使用 defaultSeleckedKeys 和 indeterminateKeys 为树形组件设置默认选中节点与不定状态节点

loading

虚拟滚动

使用 virtual 属性提供虚拟滚动

loading

Tree API

Tree Attributes

属性名说明类型默认值
data绑定的值Array[]
label标签绑定的字段stringlabel
keyField标识符绑定的字段stringkey
children子节点绑定的字段stringchildren
checkbox带多选框booleanfalse
multiple多选booleanfalse
virtual虚拟滚动booleanfalse
defaultExpandedKeys默认展开的节点(不选中)Array[]
defaultCheckedKeys默认选中的节点Array[]
selectedKeys选中的节点Array[]
disabledKeys禁用的节点Array[]
indeterminateKeys不定的节点Array[]
onLoad异步加载时获取节点的函数() => Promise<[]>

Tree Slots

属性名说明类型默认值
default默认插槽,自定义树节点内容