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

link之家

链接快照平台

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

相关文章推荐

温文尔雅的书包 · 理解浏览器兼容性自动化测试过程 - 简书· 2 年前 ·

任性的大象 · python 3.x - ...· 2 年前 ·

在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>

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