参数
说明
类型
可选值
默认值
data
展示数据
array
—
—
empty-text
内容为空的时候展示的文本
String
—
—
node-key
每个树节点用来作为唯一标识的属性，整棵树应该是唯一的
String
—
—
props
配置选项，具体看下表
object
—
—
render-after-expand
是否在第一次展开某个树节点后才渲染其子节点
boolean
—
true
load
加载子树数据的方法，仅当 lazy 属性为true 时生效
function(node, resolve)
—
—
render-content
树节点的内容区的渲染 Function
Function(h, { node, data, store }
—
—
highlight-current
是否高亮当前选中节点，默认值是 false。
boolean
—
false
default-expand-all
是否默认展开所有节点
boolean
—
false
expand-on-click-node
是否在点击节点的时候展开或者收缩节点， 默认值为 true，如果为 false，则只有点箭头图标的时候才会展开或者收缩节点。
boolean
—
true
auto-expand-parent
展开子节点的时候是否自动展开父节点
boolean
—
true
default-expanded-keys
默认展开的节点的 key 的数组
array
—
—
show-checkbox
节点是否可被选择
boolean
—
false
check-strictly
在显示复选框的情况下，是否严格的遵循父子不互相关联的做法，默认为 false
boolean
—
false
default-checked-keys
默认勾选的节点的 key 的数组
array
—
—
filter-node-method
对树节点进行筛选时执行的方法，返回 true 表示这个节点可以显示，返回 false 则表示这个节点会被隐藏
Function(value, data, node)
—
—
accordion
是否每次只打开一个同级树节点展开
boolean
—
false
indent
相邻级节点间的水平缩进，单位为像素
number
—
16
lazy
是否懒加载子节点，需与 load 方法结合使用
boolean
—
false
draggable
是否开启拖拽节点功能
boolean
—
false
allow-drag
判断节点能否被拖拽
Function(node)
—
—
allow-drop
拖拽时判定位置能否被放置
Function(draggingNode, dropNode)
—
—
props
参数
说明
类型
可选值
默认值
label
指定节点标签为节点对象的某个属性值
string, function(data, node)
—
—
children
指定子树为节点对象的某个属性值
string
—
—
disabled
指定节点选择框是否禁用为节点对象的某个属性值
boolean, function(data, node)
—
—
isLeaf
指定节点是否为叶子节点，仅在指定了 lazy 属性的情况下生效
boolean, function(data, node)
—
—
方法
Tree 内部使用了 Node 类型的对象来包装用户传入的数据，用来保存目前节点的状态。 Tree 拥有如下方法：