小程序用wx:for 渲染多条数据
时间: 2023-05-31 09:06:49 浏览: 103
小程序实现:模拟数据并渲染
在小程序中使用wx:for可以渲染多条数据。具体使用方法如下:
1. 在wxml文件中使用wx:for指令:
```
<view wx:for="{{list}}" wx:key="index">
<text>{{index + 1}}.{{item}}</text>
</view>
```
2. 在对应的js文件中定义list数据:
```
Page({
data: {
list: ['数据1', '数据2', '数据3']
}
})
```
解释说明:
- wx:for指令用于循环渲染数据,其中list为要循环的数据数组;
- wx:key用于指定唯一的key值,以便小程序可以更高效地渲染数据;
- 在循环中可以使用{{item}}获取当前循环的数据,也可以使用{{index}}获取当前循环的索引值。
以上是小程序使用wx:for渲染多条数据的方法。
阅读全文