1. 程式人生 > 其它 >vue + element +el-tree 記錄當前操作展開後的節點

vue + element +el-tree 記錄當前操作展開後的節點

需求:當點選人員部門展開選擇人員並編輯人員資訊後,理論上編輯成功傳送後端並重新渲染樹狀結構資料,頁面的豎狀結構如果不是預設全部展開的狀態下,是需要重新再次點開才能看到剛剛的編輯操作的,這裡我們就需要記錄下el-tree 節點操作了。

記錄只需要兩部即可,第一需要知道繫結展開的節點::default-expanded-keys 第二 每次展開觸發事件:node-expand

這兩個el-tree都是支援的,只要記錄下不管資料怎麼重新重新整理都還是會找到當前的節點並展開的。

程式碼:

 <el-tree
            :data="ajaxdata"
            node
-key="id" :default-expanded-keys="defaultkeyarr" @node-expand="fnnodepand" :expand-on-click-node="true" :render-content="renderContent"> </el-tree> defaultkeyarr:[], // 預設展開的陣列 methods:{ fnnodepand(node){ this.defaultkeyarr.push(node.id) },}