微信小程序 wx:if多條件判斷

微信小程序 wx:if多條件判斷

wx:if 是遇 true 顯示，false隱藏，wx:if 在隱藏的時候不渲染

一個條件的判斷：

<view wx:if="{{ a }}"> helloworld </view>

多個或條件的判斷：

<view wx:if="{{ a || b }}"> helloworld </view>

多個且條件的判斷:

<view wx:if="{{ a && b }}"> helloworld </view>

wx:if else 的判斷:

<view wx:if="{{a>5}}">6</view>
<view wx:elif="{{a < 5}}">4</view>
<view wx:else">5</view>

項目實戰

這是項目中遇到的多條件判斷（看項目的具體要求去做判斷）

wx:if="{{!(listData.zt == 30 || listData.zt == 50 || listData.zt == 80)}}"

另外補充一點：

hidden 也是可以控制微信小程序中元素的顯示與否。hidden爲false顯示，true隱藏。

hidden 在隱藏時仍然渲染，只是不呈現。