Skip to content

Tree 树形控件

树形结构数据展示,支持展开/收起、选中样式。

基础用法

loading

可选与选中状态

支持通过 v-model:selectedKey 绑定选中的节点 ID。

loading

API

Attributes

属性说明类型默认值
data树数据TreeData[][]
v-model:selectedKey选中节点的 ID`stringnumber`
showLine是否显示连接线booleantrue
selectable是否支持选中样式booleantrue

TreeData 结构

属性说明类型
id节点唯一 ID`string
label节点文本string
children子节点数据TreeData[]

Events

事件名说明回调参数
node-click节点点击时触发(node: TreeData)
node-expand节点展开/收起时触发`(id: string
update:selectedKey选中项改变时触发`(id: string

MIT License