Skip to content

条件渲染

条件渲染有两种方式:

  • wx:ifwx:elifwx:else:通过 移除/新增节点 来实现。
  • hidden:通过 css 的 display 属性 来实现。

wx:ifwx:elifwx:else

html
<view wx:if="{{ count > 5 }}">wx:if</view>
<view wx:elif="{{ count > 2 }}">wx:elif</view>
<view wx:else>wx:else</view>

hidden

html
<view hidden="{{ count <= 5 }}">hidden</view>

基于 MIT 许可发布