查看: 32|回覆: 0

Uni-app v-if的写法

[複製鏈接]

5

主題

0

回帖

0

積分

热心网友

金币
0
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2009-2-20
發表於 2021-10-2 16:29:00 | 顯示全部樓層 |閲讀模式

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

 

回覆

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即注册

本版積分規則

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部