uni-app使用v-if和v-show编译成微信小程序的坑

在uni-app使用v-if和v-show语法编译成微信小程序会有一个问题

  1. v-if
    v-if在编译的时候在小程序那边是变成display：none\block来控制的，所以使用定位会造成盒子错乱，距离尺寸不好把控，所以在使用v-if的时候尽量多套一个盒子去适配好一点。
  2. v-show
    v-show在使用这个的时候小程序那边虽然也用display：none\block去控制的，但是这里会有一个css选择器的权重问题，用v-show去控制的话会照成控制盒子不生效等问题，所以尽量避免使用v-show去控制盒子

总结：在使用自定义组件tab选项卡时会有使用 v-if/v-show的时候需要多套一个盒子，来避免造成css的样式在其他端（H5、App）不兼容等问题。

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容