分享

Uni-app v-if的写法

 中间件 2022-07-01 发布于浙江

在Uni-app中,v-if  支持以下类型

假如存在以下变量

data(){
return{
   isShow:true,
   sex:2
}
}

1.bool类型的变量

        <view v-if="isShow" style="300upx;height:300upx">    
            显示
        </view>
        <view v-else style="300upx;height:300upx">
            不显示
        </view>

2.三元表达式

        <view v-if="isShow==1?true:false" style="300upx;height:300upx">    
            显示
        </view>

3.判断表达式

        <view v-if="sex==0" style="300upx;height:300upx">    
            男性
        </view>
        <view v-else-if="sex==1" style="300upx;height:300upx">
            女性
        </view>
        <view v-else style="300upx;height:300upx">
            性别未知
        </view>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约