Uni-app v-if的写法__uni-app引入uview

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

求醉的油条 · openseadragon-fabricjs ...· 6 月前 ·

难过的太阳 · sqlite 多表查询，连接 ...· 6 月前 ·

霸气的毛衣 · Pandas+ SLS ...· 1 年前 ·

从未表白的茄子 · JavaScript：scroll() / ...· 1 年前 ·

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

假如存在以下变量

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

1.bool类型的变量

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

2.三元表达式

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

3.判断表达式

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

记录编程的点滴，体会学习的乐趣

推荐文章

求醉的油条 · openseadragon-fabricjs-overlay.js 矩形、圆形、直线等标记用; openseadrago - CSDN文库

6 月前

难过的太阳 · sqlite 多表查询，连接 join_sqlite left join-CSDN博客

6 月前

霸气的毛衣 · Pandas+ SLS SQL：融合灵活性和高性能的数据透视-阿里云开发者社区

1 年前

从未表白的茄子 · JavaScript：scroll() / scrollTop() / scrollBy()无效？ - 流炎飞雪 - 博客园

1 年前