vant tab组件搭配popup组件弹出只在第一个tab显示的解决方案

Posted 2021-09-03 Resssssss

这里遇到一个需求是用tab这个组件来展示订单页 因为订单页需要进行操作 所以需要一个弹出层来承载
看似很简单的需求
刚开始没什么问题 直到测试的时候发现我点击按钮的时候弹出层不弹出了（其实是弹出的
只不过是在第一个tab弹出了 所以不显示了） 写完代码自测的时候这块儿明明没问题 也一直没有动这块的代码 因为其他地方改动不大 为了偷懒 我就把代码回滚了 后来改其他模块的时候又不好使了 后来想想这样老回滚也不是问题 百度了一下 也没有什么好的方法
其实这里官方的例子就可以解决了

<van-popup v-model="show" get-container="#app" />

给popup添加一个挂载的节点 这样他就不会乱跑了 目前是没有问题的具体的原理还是要分析一下