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

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

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-elsewx: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>

　　页面显示结果如下：