小程序的条件判断语句格式为:
wx:if="{{xxx}}" -------------if(){}
wx:elif="{{xxx}}" ------else if
wx:else="{{xxx}}" ------else]
同时如果通过true/false判断某元素是否显示或者隐藏,同样用wx:if=“{{xxx}}”来判断,xxx为true则显示反之整个元素不创建
例子如下:
wxjs:
data: { iftrue:true, ifnumber:50 }
wxml:
<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>
页面显示结果如下: