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會銷毀元件并且重繪，這樣就會重載元件達到重新整理子元件的效果