1. 程式人生 > >Vue單頁應用中Element ui中的el-tree單選功能

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
來源:簡書