条件渲染

WXML 中，使用 wx:if="{{condition}}" 来判断是否需要渲染该代码块，使用 wx:elif 和 wx:else 来添加一个 else 块：

<!--
    data:{
        length:1
    }
->

<view wx:if="{{length>5}}">A</view>
<view wx:elif="{{length>2}}">B</view>
<view wx:else>C</view>

//输出
C

因为 wx:if 是一个控制属性，需要将它添加到一个标签上。如果要一次性判断多个组件标签，可以使用一个 <block/> 标签将多个组件包装起来，并在上边使用 wx:if 控制属性。

<block wx:if="{{length===10}}">
  <view>A</view>
  <view>B</view>
  <view>C</view>
</block>