问题描述:
项目中使用vant tabs组件,在非第一个tab上使用了popup弹出框,弹框失效
原始代码:
<van-popup v-model="isShowDate" position="bottom" :close-on-click-overlay="false">
问题排查:在别的界面测试没有问题能弹出
解决方案:
第一步:挂载添加get-container="#app"
<van-popup v-model="isShowDate" position="bottom" get-container="#app" :close-on-click-overlay="false">
第二步:测试了很多遍,别的界面都没有问题,去掉:close-on-click-overlay="false",弹框出现
<van-popup v-model="isShowDate" position="bottom" get-container="#app">
总结:
花费两个多小时解决这个弹出层问题,其实问题很简单,还是得多看文档和了解底层逻辑。