首先 我们需要一个数组
list:[
{
id:0,
name:"a"
},
{
id:1,
name:"b"
},
{
id:2,
name:"c"
}
]
渲染这个数组 渲染方法
<view wx:for="{{list}}">{{index}}</view>
当然不一定是非要这种的方式 在官方的文档中还能有其他方式 如图
代码如下
<view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="i">
<view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="j">
<view wx:if="{{i <= j}}">
{{i}} * {{j}} = {{i * j}}
</view>
</view>
</view>
这个是测试的结果
上次我拿到一个API的 结果里面的数据比较杂乱 并没有索引 搞了半天
结果这次回来重新学的时候发现 wx:for是自带一个index索引的
再看看我一开始给出的代码
直接就有索引了.........捏马 当初怎么就不知道呢 这个是官方文档的说明
官方文档关于wx:for的链接我放下面了
https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/list.html