本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规。大家都是程序员,不要闹得不开心。

本文描述在微信小程序开发的时候,在使用for循环输出数据的时候,得到的需要key的相关警告信息的解决方案。

苏南大叔:微信小程序之wx:key,wx:for绑定数据需要wx:key设置 - wxapp-for-key
微信小程序之wx:key,wx:for绑定数据需要wx:key设置(图4-1)

错误截图

在微信小程序中,使用wx:for输出绑定数据的时候,目前,在console中会触发error警告,警告内容如下:Now you can provide attr "wx:key" for a "wx:for" to improve performance.

截图如下:

苏南大叔:微信小程序之wx:key,wx:for绑定数据需要wx:key设置 - for-error-02
微信小程序之wx:key,wx:for绑定数据需要wx:key设置(图4-2)

解决方案

解决方式也蛮简单的,增加个wx:key属性即可,如下:

苏南大叔:微信小程序之wx:key,wx:for绑定数据需要wx:key设置 - for-error-03
微信小程序之wx:key,wx:for绑定数据需要wx:key设置(图4-3)

这里填写的是:wx:key="*this" ,据说这个是默认值。

闲聊两句

据说推荐写的属性值是循环体的内的某个key,不过苏南大叔随便写个字符串,也貌似是可以的。也消除了这个警告。所以,具体填写的内容,还有待观察。不过推荐的写法是,循环体中的某个key。大家自己看情况填写吧。

苏南大叔:微信小程序之wx:key,wx:for绑定数据需要wx:key设置 - for-error-04
微信小程序之wx:key,wx:for绑定数据需要wx:key设置(图4-4)

总结

官方说,填写了key之后,就会对性能表现有所提升。这一点上,我们广大吃瓜群众,是暂时无法验证了。只能相信官方的说法。有关微信小程序数据绑定的内容,请点击这里查看。

更多来自苏南大叔的微信小程序相关内容,请点击:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。