微信小程序 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 在隐藏时仍然渲染，只是不呈现。