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

相关文章推荐

有胆有识的豆腐 · jQuery删除确认框_jquery删除弹出 ...· 2 年前 ·

眼睛小的芒果 · NextCloud 13 Fresh ...· 2 年前 ·

可爱的豆芽 · 《黑道家族第一至六季》The ...· 3 年前 ·

淡定的啄木鸟 · Installing a symlink ...· 3 年前 ·

腼腆的蛋挞 · 中国国际贸易促进委员会湖北省委员会-中国国际 ...· 3 年前 ·

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

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

推荐文章

有胆有识的豆腐 · jQuery删除确认框_jquery删除弹出确认框_jquery删除确认对话框 - 腾讯云开发者社区 - 腾讯云

2 年前

眼睛小的芒果 · NextCloud 13 Fresh Install - PHP Startup Unable to load dynamic library pdo_mysqli.so - ℹ️ Support - Nextcloud community

2 年前

可爱的豆芽 · 《黑道家族第一至六季》The Sopranos 迅雷下载/在线观看-罪案/动作谍战-美剧迷

3 年前

淡定的啄木鸟 · Installing a symlink with a relative path for RPM - Usage - CMake Discourse

3 年前

腼腆的蛋挞 · 中国国际贸易促进委员会湖北省委员会-中国国际商会湖北商会 (湖北省贸促会)

3 年前