# 条件渲染
# qa:if
快应用框架提供了 qa:if qa:elif 和 qa:else 指令来控制组件是否渲染。
<view qa:if="{{condition}}"> True </view>
1
<view qa:if="{{length > 5}}"> 1 </view>
<view qa:elif="{{length > 2}}"> 2 </view>
<view qa:else> 3 </view>
1
2
3
2
3
# block qa:if
如果要一次性控制多个组件标签，可以使用一个 <block/> 标签将多个组件包装起来，并在上边使用 qa:if 指令。
<block qa:if="{{condition}}">
<view> view1 </view>
<view> view2 </view>
</block>
1
2
3
4
2
3
4
# qa:if 和 hidden
qa:if: 当值为true时，对应组件才会渲染，值变为false时会销毁。hidden: 对应组件始终会渲染，其值控制的只是显示与隐藏。
←
→
在线客服