if 条件渲染

1. 条件渲染

   就是是否显示在屏幕上

<view wx:if="{{condition}}"> True </view>

2.多个 view 联合使用 else

<view wx:if="{{length > 5}}"> 1 </view>
<view wx:elif="{{length > 2}}"> 2 </view>
<view wx:else> 3 </view>

3.使用 block 元素

block 只是一个包装元素,不带任何属性和功能

<block wx:if="{{true}}">
<view> view1 </view>
<view> view2 </view></block>

for 列表

1. for 默认 index 和 item

<view wx:for="{{array}}">
 {{index}}: {{item.message}}</view>

2.改变默认名称

<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName">
 {{idx}}: {{itemName.message}}
</view>

3.双层 for 循环

<view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="i">
 <view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="j">
 <view wx:if="{{i <= j}}">
 {{i}} * {{j}} = {{i * j}}
 </view>
 </view></view>

4.当然也可以搭配 block 使用

每天观看5分钟，轻松带你学编程