# 条件渲染

借助 wx:if wx:elif wx:else 和数据绑定,可以动态控制节点的存在与否。例如:

<view wx:if="{{ a > b }}"> a 大于 b </view>
<view wx:elif="{{ a < b }}"> a 小于 b </view>
<view wx:else> a 等于 b </view>

如果想要同时控制多个节点,可以借助 <block> 虚拟块 。例如:

<block wx:if="{{ a > b }}">
  <view>a</view>
  <view>大于</view>
  <view>b</view>
</block>

使用条件渲染改变节点的存在性时,会动态创建、销毁对应的节点。这种创建和销毁过程,常常会比使用 WXSS display 属性来切换节点可见性慢一些。如果需要很高频率改变节点可见与否,建议使用改变 WXSS display 的方式。