条件渲染

wxml根据if中给出的条件进行渲染，若不满足条件将不会渲染，相当于if语句判断。

与if语句不同的是，它可以自由嵌入前台页面，不必写复杂的结构。

wx:if

在框架中，使用 wx:if="{{condition}}" 来判断是否需要渲染该代码块：

<view wx:if="{{condition}}"> True </view>

也可以用 wx:elif 和 wx:else 来添加一个 else 块：

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

举例说明

 <view id='times' wx:if="{{item.start&&item.end===null}}"></view>
      <view id='timess' wx:elif="{{item.start&&item.end!=null}}">{{item.start}}至{{item.end}}</view>

view和bolck都可以使用条件渲染，写法不同。

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

block需要后台进行赋值，较繁琐。推荐使用view。