列表循环
wx:for="{{数组或者对象}}"
wx:for-item="循环项的名称“
wx:for-index="循环项的索引“
js文件中:
Page({
/**
* 页面的初始数据
*/
data: {
list:[
{
id:0,
name:"a"
},
{
id:1,
name:"b"
},
{
id:2,
name:"c"
}
]
},
<!--pages/demo0/demo0.wxml-->
<text>pages/demo0/demo0.wxml</text>
<view>
<view
wx:for="{{list}}"
wx:for-item="item"
wx:for-index="index">
索引:{{index}}
值:{{item.name}}
</view>
</view>
wx:key=“唯一的值”用来提高列表渲染的性能
1.wx:key绑定一个普通的字符串的时候,呢么这个字符串名称肯定是循环数组中的对象的唯一属性
2.wx:key="*this“表示你的数组是一个普通的数组,”*this"表示是循环数组
3.当出现数组的嵌套循环的时候,尤其要注意以下绑定的名称不要重名
wx:for-item="item" wx:for-index="index"
4.默认情况下,我们不写
wx:for-item="item" wx:for-index="index"
小程序也会把循环项的名称和索引的名称叫做item和index
只有一层循环的话,上面两个语句可以省略
对象循环
wx:for="{{数组或者对象}}"
wx:for-item="对象的值“
wx:for-index="对象的属性“
1.循环对象时最好把item和index的名称都修改一下
wx:for-item="value“
wx:for-index="key“
<view>
<view>对象循环</view>
<view wx:for="{{person}}">
wx:for-item="value“
wx:for-index="key“
</view>
</view>