小程式-if判斷語句/條件判斷語句簡析 /顯示隱藏判斷
阿新 • • 發佈：2019-02-01
小程式的條件判斷語句格式為：
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>
|
頁面顯示結果如下：
