弹窗组件的内容是动态的,每次打开弹窗组件时,我需要这个动态高度。然而不管进行多少次显示隐藏的操作,该弹窗组件的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>