wx:for

在元件上使用wx:for控制屬性繫結一個數組，即可使用陣列中各項的資料重複渲染該元件。

預設陣列的當前項的下標變數名預設為index，陣列當前項的變數名預設為item

1.test.wxml檔案

<viewwx:for="{{items}}">
  {{index}}: {{item.arry}}

</view>

Page({
  items: [{
    arry: 'a'
 
,
  },{
    arry: 'b'
  }]
})

我們在編譯器中編譯後的結果如圖所示：

還可以使用wx:for-item可以指定陣列當前元素的變數名，wx:for-index可以指定陣列當前下標的變數名，如下例項：

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

另外wx:for和其他程式語言一樣也可以巢狀使用，下邊是一個九九乘法表

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

執行結果

block wx:for

類似block wx:if，也可以將wx:for用在<block/>標籤上，以渲染一個包含多節點的結構塊。例如：

<blockwx:for="{{[1, 2, 3]}}">
  <view> {{index}}: </view>
  <view> {{item}} </view>
</block>

最後希望各位客官老爺門給我一個繼續寫這個小程式技術貼的動力，也希望大家共同進步，帥氣的客官可以掃一下下面的二維碼給我捐點碼字的銀子，謝謝！！！