树型tree组件
这是基于elementui
的el-tree
组件制作的,这个组件一般是用来显示树型结构的数据,如下图所示,用来显示企业的组织结构。
属性
参数 | 说明 | 类型 | 默认值 |
currentNodeKey | 当前选中的节点 | string/number | |
defaultCheckedKeys | 默认勾选的节点数组 | array | |
showCheckbox | 是否显示复选框 | boolean | false |
idKey | id对应的字段 | string | id |
labelKey | 标签名称对应的字段 | string | label |
childrenKey | 子节点字段 | string | children |
parentKey | 父节点Id值字段 | string | parentId |
defaultExpandAll | 是否展开所有树节点 | boolean | false |
height | 高度 | | auto |
queryPlaceholder | 查询的提示文本 | string | 输入关键字 |
getDataFunc | 获取数据的函数 | function | |
deleteFunc | 删除节点的函数 | function | |
事件
事件名 | 说明 | 参数 |
node-click | 当点击树节点时 | data,node,component |
check | 当树节点前面的复选框被勾选时 | data,checkedStatus |
方法
方法名 | 说明 | 参数 |
getDataOnce | 获取数据,只获取一次 | object |
getData | 获取数据 | obejct |
clear | 清空数据 | string |
reload | 刷新数据 | |
resetQuery | 重置查询框 | |
filter | 过滤树节点 | string |
Slots
位置名 | 说明 |
default | 树节点,会传入节点绑定的数据data及节点选项数据node |