vue強制刷新組件


把一個組件重置到初始狀態是一個常見的需求,推薦的做法有兩種,一種是父組件重置子組件的 prop,另一種是子組件暴露一個重置的方法供父組件調用。但有些時候,子組件既沒有提供重置的方法,也沒提供 prop 來重置自己的狀態。更重要的是,這個子組件我們還動不了。於是我們就需要一種 hack 的方式來強制子組件重置到初始狀態。方法如下:

 
            
1
 
            
<component v-if="hackReset"></component>

 

 
            
1
2
3
4
 
            
this.hackReset = false
this.$nextTick(() => {
this.hackReset = true
})

v-if 在切換時,元素及它的綁定數據和組件都會被銷毀並重建


免責聲明!

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



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