微信小程序 视图层（WXML）条件判断

在wxml中我们有两种条件判断

第一种：wx:if   此方式直接控制view是否显示，当条件为true才会显示

<view wx:if="{{condition}}"> True </view>
<view wx:if="{{length > 5}}"> 1 </view>
<view wx:elif="{{length > 2}}"> 2 </view>
<view wx:else> 3 </view>

还有扩展写法，可以控制多个控件

<block wx:if="{{true}}">
    <view> view1 </view>
    <view> view2 </view>
</block>

第二种：三元运算  此方式主要用如文件内容控制  样式控制

//tab 是js端的data中的属性，  show 是样式名称c
<view class="{{tab==1? 'show':''}}">