由於elementUI沒有樹形選擇組件,但是項目又需要,因此粗實現單選擇的樹形選擇組件。
組件組成
- elementUI的Input
- elementUI的Select
- elementUI的Tree
Attributes
-
v-model 雙向綁定的 綁定值
-
treeData 樹形數據,參考結構
[{ isLeaf: false, label: '粗樹幹1', value: '1', children: [{ isLeaf: true, label: '粗樹幹1-樹葉1', value: '1-1' }] }] }]
-
placeholder 下拉框placeholder
-
clearable 是否顯示清空按鈕
-
accordion 是否樹形每次只能展開一個
Events
- change 節點選中狀態發生變化時的回調,空對象或者當前選中的對象
說明
本項目只是定製型的組件,不是很通用,相當於只提供了一個示例,自己根據需要再進一步修改,如有不足之處希望不吝賜教。