# TreeX 树形组件增强版

# 基础用法

# 异步加载

# 自定义渲染

# 属性配置

# props

参数 说明 类型 可选值 默认值
data 数据 Array - -
dataProps 数据配置,具体看下方 Object - -
multiple 是否可多选 Boolean - false
selective 是否可选 Boolean - true
checkedKeys 当前勾选的 keys Array - []
defaultCheckedKeys 默认勾选的 keys Array - []
selectedKeys 当前选择的 keys Array - []
filterName 过滤,高亮节点 String - -
accordion 手风琴模式 Boolean true/false false
combine 是否合并节点输出 Boolean true/false false
show-checkbox 是否显示筛选框 Boolean - false
branch-icon 树枝节点图标Icon String - -
switcher-icon 树枝节点展开图标Icon String - -
leaf-icon 喷子节点图标Icon String - -
check-strictly 在显示复选框的情况下,是否严格的遵循父子不互相关联的做法 Boolean - false
check-directly 开启后,在 show-checkbox 模式下,select 的交互也将转为 check Boolean - false
empty-text 数据为空占位符 String - 暂无数据
load-data 异步加载数据函数 Function - -
render-content 自定义渲染节点内容 Function(h, {node, data}) - -

# events

事件名 说明 返回值
toggle 节点展开收缩事件 node
selectchange 节点选中改变事件 selectedNodes, node
checkchange 节点复选状态改变事件 checkedNodes, checkedNodeKeys, Node

# dataProps

属性 说明 类型 默认值
title 指定节点展示名称 String/Function node => node.title
expand 指定节点是否展开 String/Function node => node.expand
disabled 指定节点是否禁用 String/Function node => node.disabled
leaf 指定节点是否为叶子 String/Function node => node.leaf
id 指定节点唯一key String/Function node => node.id
hidden 指定节点是否隐藏 String/Function node => node.hidden
children 指定节点子节点key String/Function node => node.children