vue 強制刷新子組件

問題: 因為父組件的tab切換, 導致子組件一直存在, 沒有刷新. 所以當父組件傳值更新時, 子組件無法獲取到.

解決: 只要讓子組件強制刷新就可以獲取到props傳遞過來的值了. 利用v-if的特性, 在父組件中強制刷新子組件. 

　

<Son v-if="sonRefresh"></Son>

data(){
　　return {
　　　　sonRefresh: true
　　}
}

// 下面這段內容寫在父組件獲取值的地方
this.sonRefresh= false;
this.$nextTick(() => {
    this.sonRefresh= true;
});

以上內容都是寫在父組件中的.