条件渲染

c-if

在框架中，使用 c-if="{{condition}}" 来判断是否需要渲染该代码块：<view c-if="{{condition}}"> True </view>也可以用 c-else-if 和 c-else 来添加一个 else 块：

  1. <view c-if="{{length > 5}}"> <text>1 </text></view>
  2. <view c-else-if="{{length > 2}}"> <text>2 </text></view>
  3. <view c-else>  <text>3  </text></view>

block c-if

因为 c-if 是一个控制属性，需要将它添加到一个标签上。如果要一次性判断多个组件标签，可以使用一个 标签将多个组件包装起来，并在上边使用 c-if 控制属性。

  1. <block c-if="{{true}}">
  2.   <view> <text>view1 </text></view>
  3.   <view> <text>view2 </text></view>
  4. </block>

注意： <block/> 并不是一个组件，它仅仅是一个包装元素，不会在页面中做任何渲染，只接受控制属性。