ElementUI tree異步樹(懶加載)節點局部刷新


    前言:最近使用element開發項目,在使用異步樹時(即添加了lazy),翻閱了官方提供的文檔,並未找到可直接提供給開發者使用的刷新某個樹節點的方法。可喜的是,終於還是找到了解決的辦法,即找到對應的樹節點,使用expand方法

    思路找到想要刷新的樹節點,重新模擬執行一次展開請求子節點的功能。

 話不多說,直接看代碼吧!

 1 <el-tree
 2    lazy  
 3    ref="asyncTree"
 4   :load="loadNode"
 5   :node-key="id"    
 6   >
 7 </el-tree>
 8 ...
 9 <scripit>
10     ...
11     methods: {
12         refreshNodeBy(id){
13             let node = this.$refs.asyncTree.getNode(id); // 通過節點id找到對應樹節點對象
14             node.loaded = false;
15             node.expand(); // 主動調用展開節點方法,重新查詢該節點下的所有子節點
16         }
17     }
18     ...
19 </script>        

 


免責聲明!

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



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