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。