如下例子:
選擇三級1-1-1、三級1-1-2(或二級1-1),所得結果為壹級1;選擇二級2-1、二級2-2,所得結果壹級2
項目使用Element UI框架,查找了tree組件對外接口,沒有提供,然後自己結合tree組件的方法實現壹下
在點擊某個節點,選擇狀態完成更新後的回調函數中,判斷當前點擊節點的父節點是否選中,若選中,就把該父節點下的所有子節點從結果數組中移除,把當前節點加入結果數組,然後判斷該父節點的父節點是否選中,循環上述步驟直到它們的根節點或狀態為未選中;若該父節點未選中,檢查當前節點狀態是否為選中,選中,則加入結果數組,否則就認為是當前點擊操作取消了之前的選中狀態,那麽就需要在結果數組中刪除當前點擊項,考慮到之前可能是點擊節點的父節點被選中狀態,所以需要針對這個情況,需要在結果數組中刪除父節點項,加入除當前點擊項外的兄弟節點項(因為結果數組中存儲的是最高壹層的所選節點,所以不需要處理點擊項的子節點)
tree組件中
使用方法
展示時刪除某壹選中項