vue重載子組件


總的來說,思路是用 v-if 配合 Vue.nextTick() 銷毀當前組件,然后進行重載

操作層面是  重載組件的父組件中.

1
2
3
4
5
6
7
8
<router-view v- if = "reWrite" />
  clickClass(){
             this .reWrite =  false
             this .$nextTick( function (){
                 this .reWrite =  true
             })
 
   },

也可以把該方法寫在子組件向父組件觸發的方法中($emit),從而實現子組件自己觸發條件,重載自己。但該方法最好完全與其他向上觸發的方法解耦,只有重載功能,避免出現邏輯矛盾。

 比如組件中props初次賦值后,父組件再次賦值給子組件值沒變的問題

轉載——https://www.cnblogs.com/Vayne-N/p/11059158.html


免責聲明!

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



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