vue + ivew 強制刷新子組件

1.場景： 在某個頁面需要添加一個提交數據的一個表單彈框，彈框中引入了一個子圖片上傳組件uploadimg，當數據提交完成之後，隱藏彈框並把表單數據重置（不刷新頁面），但下次打開頁面時圖片上傳組件上次添加的數據還是顯示在彈框中，現在是需要將圖片上傳組件uploadimg強制刷新。

2.在父組件中給子組件定義一個判斷值

​
  <Uploadimgs style="width: 400px;margin-top: 20px" ref="zanImg" v-if="showUploadimgs == true"></Uploadimgs>

​

3..在提交的方法中重新給這個判斷值定義

 this.showUploadimgs = false

4.然後在同一個方法$nextTick

this.$nextTick(() => {
              this.showUploadimgs = true;
            })

 

5.原理就是採用v-if會銷燬組件並且重繪，這樣就會重載組件達到刷新子組件的效果