小程序-if判斷語句/條件判斷語句簡析 /顯示隱藏判斷


小程序的條件判斷語句格式為:

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>

  頁面顯示結果如下:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM