小程式-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>
|
頁面顯示結果如下: