vue |關閉彈窗組件時銷毀組件

彈窗組件的內容是動態的，每次打開彈窗組件時，我需要這個動態高度。然而不管進行多少次顯示隱藏的操作，該彈窗組件的mounted只能觸發一次，所以我無法動態實時獲取dom的高度。

<van-popup v-model="showproducts">
  <ProductCard :proList="products" :show="showproducts"/>
  <p @click="showproducts=!showproducts">顯示/隱藏</p>
</van-popup>

現在通過v-if解決了，因為它的每次隱藏都會銷毀dom。

<van-popup v-model="showproducts">
  <ProductCard :proList="products" :show="showproducts"  v-if="showproducts"/>
  <p @click="showproducts=!showproducts">顯示/隱藏</p>
</van-popup>

參考：https://blog.csdn.net/Y_shihao/article/details/103559072