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 许可发布