在uni-app使用v-if和v-show语法编译成微信小程序会有一个问题
- v-if
v-if在编译的时候在小程序那边是变成display:none\block来控制的,所以使用定位会造成盒子错乱,距离尺寸不好把控,所以在使用v-if的时候尽量多套一个盒子去适配好一点。 - v-show
v-show在使用这个的时候小程序那边虽然也用display:none\block去控制的,但是这里会有一个css选择器的权重问题,用v-show去控制的话会照成控制盒子不生效等问题,所以尽量避免使用v-show去控制盒子
总结:在使用自定义组件tab选项卡时会有使用 v-if/v-show的时候需要多套一个盒子,来避免造成css的样式在其他端(H5、App)不兼容等问题。