總的來說,思路是用 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