基於vue封裝的樹形菜單,v-tree

對樹形菜單進行封裝,實現基本功能,支持單選,多選,以及相關回調函數,和節點操做,目前版本爲1.0.0 。node

實現功能:git

單選、複選、複選是/否級聯選擇(默認級聯選中)、是否展現下拉虛線、點擊節點回調函數,返回true 選中並觸發選中事件,false相反,
節點選中事件,返回選中節點信息和上個選中節點信息,選中/取消選中複選框事件,將返回全部選中複選框數據
異步加載數據github

 

<Tree
              <!--渲染數據-->
              :treeNode='treeNode'
 
              <!--點擊節點 回調函數 -->
              :clickNode='clickNode'
 
              <!--點擊節點前觸發回調函數,return false 沒法觸發clickNode事件-->
              :beforeClick='beforeClick'
 
              <!--打開/關閉全部節點-->
              :allOpen='allOpen'
 
              <!--點擊節點是否觸發節點事件-->
              :nodeTrigger='nodeTrigger'
 
              <!--開啓/關閉複選框-->
              :checkBox='checkBox'
 
              <!--開啓/關閉級聯選中 -->
              :checkBoxType='checkBoxType'
 
              <!--初始化回調數據-->
              @call='call'
 
            <!--C選中/取消選中複選框回調函數-->
              @checkBoxCall='checkBoxCall'
 
              <!--是否隱藏鏈接線 default false-->
              :hiddenLine:false,
 
              <!--是否開啓異步 默認關閉-->
              :async='async'
 
              <!--異步回調函數function(data,call)
              data:current node call 回調執行,接收一個數組參數-->
              :asyncCall='asyncCall'
          />


開源地址:github: https://github.com/lenosp/v-tree gitee:https://gitee.com/bweird/v-tree數組

演示地址:https://lenosp.github.io/v-tree/dist/#/異步

相關文章
相關標籤/搜索