需求:當點擊人員部門展開選擇人員並編輯人員信息后,理論上編輯成功發送后端並重新渲染樹狀結構數據,頁面的豎狀結構如果不是默認全部展開的狀態下,是需要重新再次點開才能看到剛剛的編輯操作的,這里我們就需要記錄下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) },}