列表 渲染

a:for

默认数组的当前项的下标变量名默认为index，数组当前项的变量名默认为item

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

Page({
  data: {
    array: [{
      message: 'foo',
    }, {
      message: 'bar'
    }]
  }
})

使用a:for-item可以指定数组当前元素的变量名。

使用a:for-index可以指定数组当前下标的变量名。

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

a:for也可以嵌套。

block a:for

类似block a:if，可以将a:for用在<block/>标签上，以渲染一个包含多节点的结构块。

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

a:key key

如果列表中项目的位置会动态改变或者有新的项目添加到列表中，同时希望列表中的项目保持自己的特征和状态，需要使用 a:key 来指定列表中项目的唯一的标识符。

a:key的值以两种形式来提供：字符串（item的某个属性）、保留关键字*this（item本身）