>### 1.數組中各項的數據重復渲染
Page({
/**
* 頁面的初始數據
*/
data: {
arr:[1,2,3]
},
})
~~~
<view wx:for="{{arr}}">{{item}}</view>
~~~
>### 2.wx:for數組中各項的數據重復渲染該組件
默認數組的當前項的下標變量名默認為 index，數組當前項的變量名默認為 item
~~~
<view wx:for="{{array}}">
{{index}}{{item.name}}
</view>
~~~
~~~
Page({
data: {
array: [{
name: 'chengchao',
}, {
name: 'jiangwei'
}]
}
})
~~~
- ## wx:for-item wx:for-index
使用 wx:for-item可以自定義數組當前元素的變量名
使用wx:for-index可以自定義數組當前下標的變量名
~~~
<view wx:for="{{array}}" wx:for-item="myItem" wx:for-index="ind">
{{ind}}{{myItem.name}}
</view>
~~~
- ## block wx:for渲染一個包含多節點的結構塊
~~~
<block wx:for="{{[1, 2, 3]}}">
<view> {{index}}: </view>
<view> {{item}} </view>
</block>
~~~
~~~
//希望數據動態更新,給每一個節點,添加唯一的標識符加上wx:key
<view wx:for="{{array}}" wx:for-item="item" wx:key="index">
{{index}}{{item.name}}
</view>
~~~
