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


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

 
 

1.el-tree組件

 

 
 

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

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

由於nodeClick被調用時checkChange也會被調用,因此需要一個editCheckId輔助避免出現因為聯動導致選中狀態錯亂

 
 

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


作者:幽靜心
鏈接:https://www.jianshu.com/p/548a46c73567
來源:簡書


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM