打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
Uni-app v-if的写法
userphoto

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>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
uni-app开发经验分享二十一: 图片滑动解锁插件制作解析
unniapp实现电子签名
uni
uni-app开发经验分享一: 多页面传值的三种解决方法
前端Vue自定义带历史记录的搜索框组件searchBar 支持搜索输入框清空 搜索历史存储记录清除
uni-app通过canvas实现手写签名
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服