當前位置:編程學習大全網 - 源碼下載 - Element UI tree 組件 獲取所選最高壹級的節點

Element UI tree 組件 獲取所選最高壹級的節點

最近有了新的需求,要求可以展示壹棵機構樹,然後可以選擇某些節點。所選節點如果它和它的兄弟節點都被選中,那麽所選結果就是它們的父節點。

如下例子:

選擇三級1-1-1、三級1-1-2(或二級1-1),所得結果為壹級1;選擇二級2-1、二級2-2,所得結果壹級2

項目使用Element UI框架,查找了tree組件對外接口,沒有提供,然後自己結合tree組件的方法實現壹下

在點擊某個節點,選擇狀態完成更新後的回調函數中,判斷當前點擊節點的父節點是否選中,若選中,就把該父節點下的所有子節點從結果數組中移除,把當前節點加入結果數組,然後判斷該父節點的父節點是否選中,循環上述步驟直到它們的根節點或狀態為未選中;若該父節點未選中,檢查當前節點狀態是否為選中,選中,則加入結果數組,否則就認為是當前點擊操作取消了之前的選中狀態,那麽就需要在結果數組中刪除當前點擊項,考慮到之前可能是點擊節點的父節點被選中狀態,所以需要針對這個情況,需要在結果數組中刪除父節點項,加入除當前點擊項外的兄弟節點項(因為結果數組中存儲的是最高壹層的所選節點,所以不需要處理點擊項的子節點)

tree組件中

使用方法

展示時刪除某壹選中項

  • 上一篇:微信業務如何引流遊客,微信引流的步驟?
  • 下一篇:快手直播伴侶源碼怎麽用
  • copyright 2024編程學習大全網