小程序的條件判斷語句格式為:
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>
頁面顯示結果如下: