將數據以樹形方式展現。該組件支持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說明