前言:最近使用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>