Vue單頁應用中Element ui中的el-tree單選功能

      在VUE單頁應用項目開發過程樹形中有一個需求,須要選中樹形控件(能夠是點擊選中行或者複選框),可是隻能選中一個。控件使用的是Element ui中的el-tree,可是找了一下並無單選組件的API,慢慢琢磨中。vue

 
 

1.el-tree組件node

 

 
 

2.主要是經過兩個事件進行聯合判斷,git

node-click節點被點擊時的回調,check-change節點選中狀態發生變化時的回調.github

因爲nodeClick被調用時checkChange也會被調用,所以須要一個editCheckId輔助避免出現由於聯動致使選中狀態錯亂ui

 
 

git項目地址:https://github.com/heyoju/vueDemoorm


做者:幽靜心
連接:https://www.jianshu.com/p/548a46c73567
來源:簡書事件

相關文章
相關標籤/搜索