tree-select

由於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 節點選中狀態發生變化時的回調,空對象或者當前選中的對象

說明

本項目只是定製型的組件,不是很通用,相當於只提供了一個示例,自己根據需要再進一步修改,如有不足之處希望不吝賜教。

項目地址

強烈建議沒有特殊要求,使用Cascader 級聯選擇器

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章