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)

          },}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM