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