小程序开发指南的第2章,2.25列表渲染,
在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item
代码清单2-13 列表渲染示例
<!-- array 是一个数组 -->
<view wx:for="{{array}}">
{{index}}: {{item.message}}
</view>
<!-- 对应的脚本文件
Page({
data: {
array: [{
message: 'foo',
}, {
message: 'bar'
}]
}
})
-->
结果能出来,但是发现有报错,如下:
VM2473:2 ./pages/wxml/index.wxml
(anonymous) @ VM2473:2
VM2473:3 Now you can provide attr "wx:key" for a "wx:for" to improve performance.
3 |
4 | <!-- array 是一个数组 -->
> 5 | <view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName">
| ^
6 | {{idx}}: {{itemName.message}}
7 | </view>
求大佬解答一下应该怎么设置"wx:key",谢谢大家!
你好,文档里面有写明列表渲染小程序