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默认插槽,自定义树节点内容