>### 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>
~~~
