小程序的条件判断语句格式为:
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> |
页面显示结果如下: