uniapp 支付宝小程序 v-show无效 uniapp踩坑日记

今天在uni-app开发过程中,发现支付宝中的v-show全部展示出来了.

<template>
    <view v-show="show">hello word 2 v-show</view>
    <view v-if="show">hello word 2 v-show</view>
</template>

<script>
export default {
    data(){
        return {
            show : false
        }
    }
}
</script>

上述代码支持

语法	微信小程序	支付宝小程序
v-show	✓	✕
v-if	✓	✓

 

 

解决方案

<style>
.hidden{
    display: none !important;
}
</style>
<template>
    <view v-show="show" :class="{'hidden' : show}">hello word 2 v-show</view>
</template>

​