<--!用在block中可以渲染一個包含多節點的結構塊。比如:-->
<block wx:for="{{[1, 2, 3]}}"> <view> {{index}}: </view> <view> {{item}} </view> </block>
用在view中只能應用單個節點。比如:
<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName"> {{idx}}: {{itemName.message}} </view>
<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>
==================================================================================
兩者的區別是,<view> 是一個組件,會在頁面上做渲染;<block>不是一個組件,它僅僅是一個包裝元素,只接受控制屬性,不會在頁面中做任何渲染。下面是兩個<block>使用的例子:
wx:if
<block wx:if="{{true}}"> <view> text </view> <view> text </view> </block>
wx:for
<block wx:for="{{[1, 2, 3]}}"> <view> {{index}}: </view> <view> {{item}} </view> </block>
wx:elif和wx:else
<block wx:if="{{boolean==true}}"> <view class="bg_black"></view> </block> <block wx:elif="{{boolean==false}}"> <view class="bg_red"></view> </block> <block wx:else> <view class="bg_red"></view> </block>