将数据以树形方式展现。该组件支持v-model来设置获取值(选中项)。
## 属性
| 参数 | 说明 | 类型 | 可选值 | 默认值
| --- | --- | --- | --- | ---
| initData | 初始化数据 | array | 默认参数:id、label、children |
| api | 节点数据请求api | string | |
| api-method | 节点数据请求方法 | string | | post
| api-param | 节点数据请求参数 | Object | |
| success-tip | 节点数据请求成功并返回成功消息后的请求类型 | string | | none
| fail-tip | 数据请求成功但返回失败消息后的请求类型,该请求包括:check、drag、add、edit、delete | string | | alert
| check-api | 选中节点api | string | |
| check-success-tip | 选取节点请求成功并返回成功消息后的请求类型 | string | | message
| check-param | 选取节点请求参数 | Object | |
| check-method | 选取节点请求方法 | String | | post
| drag-api | 拖动成功之后请求的api。 | string | |
| drag-success-tip | 拖动成功之后请求成功并返回成功消息后的请求类型 | string | | message
| add-api | 添加节点请求api | string | |
| api-param | 添加节点请求额外参数 | Object | |
| add-success-tip | 添加节点请求成功并返回成功消息后的请求类型 | string | | message
| edit-api | 修改节点请求api | string | |
| edit-param | 修改节点请求额外参数 | Object | |
| edit-success-tip | 修改节点请求成功并返回成功消息后的请求类型 | string | | message
| delete-api | 删除节点请求api | string | |
| delete-method | 删除节点请求方法 | string | | delete
| delete-param | 删除节点请求额外参数 | Object | |
| delete-success-tip | 删除节点请求成功并返回成功消息后的请求类型 | string | | message
| data | 当前数据,支持sync修饰 | array | |
| menu-trigger | 右侧操作按钮的触发条件 | string | | click
| filterNodeMethod | 搜索节点方法 | Function | | 默认根据数据中的label属性匹配。
| with-search | 是否使用查找框 | boolean | | false
| with-tool-bar | 是否带有按钮栏 | boolean | | true
| with-menu | 是否带有右侧的菜单栏 | boolean | | true
| checked/v-model | 设置或获取当前tree选择节点的id | Array | |
| root-id | 开始加载数据的根目录id | Number/string | | 0
| 其他 | 支持所有`el-tree`属性。
## 事件
| 事件 | 说明 | 参数
| --- | --- | ---
| check | 选中tree的选择框事件 | 解构两个参数:checkedItem:选中的数据项。checkedObj:选中的node对象。
| refreshed | 树的数据重新请求事件 | 解构两个参数: data:当前树的数据;checked:当前选中值。
| node-delete | 节点被删除事件 | 解构两个参数:data:当前树的数据;node:被删除的树节点;
| node-drop | 节点拖拽排序完成事件 | 解构五个参数:data:节点数据;sender:拖动的节点;afterNode:此节点的前一个节点;position:节点位置; event:原事件;
| 其他 | 支持所有`el-tree`事件。
## 插槽
| 插槽名 | 说明
| --- | ---
| tree-top | 操作栏内容,可插入按钮,文本等。
- 序言
- 安装
- 组件查询
- buttons
- WdApiButton
- WdDrawerButton
- WdRefreshButton
- WdRouteButton
- WdConfirmButton
- datagrid
- WdDatagrid
- WdGridDeleteButton
- WdGridEnableButton
- editgrid
- WdEditgrid
- WdEditgridCell
- element
- WdCard
- WdCollapse
- WdDrawerIframe
- WdIframe
- WdLabel
- WdSplitLabel
- WdDetail
- WdToolBar
- WdRepeater
- WdApiManager
- form
- WdDataForm
- WdSelect
- WdRadioList
- WdCheckboxList
- WdUploadImage
- search
- WdSearchCheckbox
- WdSearchDatepick
- WdSearchForm
- WdSearchInput
- WdSearchRadio
- WdSearchSelect
- tree
- WdTree
- 内置服务
- ajax服务
- 消息服务
- 框架方法
- tab操作
- 其他
- demo说明