W3Cschool
恭喜您成為首批注冊用戶
獲得88經驗值獎勵
樹( Tree )在網頁中以樹形結構顯示分層數據。 樹( Tree )向用戶提供展開、折疊、拖拽、編輯和異步加載功能。
名稱 | 數據類型 | 作用描述 | 默認值 |
---|---|---|---|
data | array | 要加載的數據。 | [ ] |
selectLeafOnly | boolean | 是否只選擇葉節(jié)點。 | false |
checkbox | boolean | 是否在每個節(jié)點前顯示復選框。 | false |
cascadeCheck | boolean | 是否進行級聯檢查。 | true |
名稱 | 參數 | 作用描述 |
---|---|---|
selectionChange | node | 選擇節(jié)點時觸發(fā)。 |
nodeClick | node | 單擊節(jié)點時觸發(fā)。 |
nodeDblClick | node | 雙擊節(jié)點時觸發(fā)。 |
nodeExpand | node | 在展開節(jié)點時觸發(fā)。 |
nodeCollapse | node | 當節(jié)點被折疊時觸發(fā)。 |
nodeCheck | node | 檢查節(jié)點時觸發(fā)。 |
nodeUncheck | node | 當節(jié)點未選中時觸發(fā)。 |
checkChange | nodes | 更改選中節(jié)點時觸發(fā)。 |
nodeContextMenu | node, originalEvent | 右擊節(jié)點時觸發(fā)。 |
editBegin | {node, originalValue} | 在開始編輯節(jié)點時觸發(fā)。 |
editEnd | {node, originalValue} | 結束編輯節(jié)點時觸發(fā)。 |
editCancel | {node, originalValue} | 取消編輯節(jié)點時觸發(fā)。 |
名稱 | 參數 | 返回值 | 作用描述 |
---|---|---|---|
selectNode | node | void | 選擇一個節(jié)點。 |
checkNode | node | void | 檢查節(jié)點。 |
uncheckNode | node | void | 取消一個節(jié)點。 |
uncheckAllNodes | node | void | 取消所有節(jié)點。 |
doFilter | q | void | 執(zhí)行篩選操作。 |
beginEdit | node | void | 開始編輯節(jié)點。 |
endEdit | node | void | 結束當前編輯節(jié)點。 |
cancelEdit | node | void | 取消當前編輯節(jié)點。 |
名稱 | 參數 | 作用描述 |
---|---|---|
default | node | 節(jié)點作用域。 |
editor | node | 編輯節(jié)點作用域。 |
注:
- 繼承: None 。
<Tree :data="data" @selectionChange="selection=$event"></Tree>
<p v-if="selection">選擇: {{selection.text}}</p>
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯系方式:
更多建議: