vitevue32/docs/components/tree/doc/doc.md

Tree 树形控件

用清晰的层级结构展示信息，可展开或折叠。

基础用法

基础的树形结构展示。

可选择

适用于需要选择层级时使用。设置show-checkbox 属性为true。并且可自定义数据结构的键名，默认为label 和 children

默认展开和选中

支持默认展开和选中，但是必须要设置node-key属性。 支持默认展开所有选项

禁用状态

通过 disabled 属性，可将 Tree 的某些节点设置为禁用状态。

树节点的设置和获取

自定义节点内容

节点的内容支持自定义，可以在节点区添加按钮或图标等内容。

Attributes

参数	说明	类型	可选值	默认值
data	展示数据	array	—	—
label	定义子节点名称在data数据对象中的键名	string	—	label
children	定义子节点数据在data数据对象中的键名	string	—	children
show-checkbox	节点是否可被选择	boolean	—	false
node-key	每个树节点用来作为唯一标识的属性，整棵树应该是唯一的	string	—	—
default-expand-all	是否默认展开所有节点	boolean	—	false
default-expanded-keys	默认的展开项	array	—	—
default-checked-keys	默认的选中项	array	—	—
disabled	是否禁用	boolean	—	false
render-content	自定义树节点的内容区的渲染 Function	Function(h, { data, parentData })	—	—

Events

事件名	说明	回调函数参数
toggle-change	展开/收起子节点时触发	当前节点
checked-change	节点选中/取消时触发	所有选中节点的数组、当前节点数据

Methods

方法名	说明	参数
setCheckedKeys	通过key设置选中的节点	key数组
getCheckedKeys	返回所有选中节点的key组成的数组	-
getCheckedNodes	返回所有选中节点的数据组成的数组	-