当前位置: 首页 >>常用API接入 >>微信小程序 >>小程序-if判断语句/条件判断语句简析 /显示隐藏判断

小程序-if判断语句/条件判断语句简析 /显示隐藏判断

时间:2018/8/9 20:47:34 【admin】

同时如果通过true/false判断某元素是否显示或者隐藏,同样用wx:if=“{{xxx}}”来判断,xxx为true则显示反之整个元素不创建…

小程序的条件判断语句格式为:

wx:if="{{xxx}}" -------------if(){} 

  wx:elif="{{xxx}}" ------else if

 wx:else="{{xxx}}"  ------else]

同时如果通过true/false判断某元素是否显示或者隐藏,同样用wx:if=“{{xxx}}”来判断,xxx为true则显示反之整个元素不创建

例子如下:

wxjs:

1
2
3
4
5
6
7
data: {
 
   iftrue:true,
   ifnumber:50
 
 
 }

wxml:

1
2
3
4
5
6
7
8
9
10
11
<view>
<!--数据判断wx:if-wx:if-elif-wx:if-else wx:for-->
<text  wx:if="{{iftrue}}">wx:if="{{iftrue}}" 格式为true则显示false不显示类似ng-if</text>
</view>
 
 
<view>
<text wx:if="{{ifnumber>80}}">wx:if='xx>80'判断显示</text>
<text wx:elif="{{ifnumber>40}}">wx:elif="40-80"判断显示</text>
<text wx:else >wx:else='小于40'判断显示 </text>
</view>

  页面显示结果如下:


相关文章

CopyRight:2007-2018 语言吧 备案ICP:湘ICP备09009000号-15 http://www.yuyanba.com

分享按钮