微信小程序之wx:key,wx:for绑定数据需要wx:key设置
发布于 作者:苏南大叔 来源:程序如此灵动~ 我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...
本文描述在微信小程序开发的时候,在使用for
循环输出数据的时候,得到的需要key
的相关警告信息的解决方案。
错误截图
在微信小程序中,使用wx:for输出绑定数据的时候,目前,在console中会触发error警告,警告内容如下:Now you can provide attr "wx:key" for a "wx:for" to improve performance.
截图如下:
解决方案
解决方式也蛮简单的,增加个wx:key属性即可,如下:
这里填写的是:wx:key="*this" ,据说这个是默认值。
闲聊两句
据说推荐写的属性值是循环体的内的某个key,不过苏南大叔随便写个字符串,也貌似是可以的。也消除了这个警告。所以,具体填写的内容,还有待观察。不过推荐的写法是,循环体中的某个key。大家自己看情况填写吧。
总结
官方说,填写了key之后,就会对性能表现有所提升。这一点上,我们广大吃瓜群众,是暂时无法验证了。只能相信官方的说法。有关微信小程序数据绑定的内容,请点击这里查看。
更多来自苏南大叔的微信小程序相关内容,请点击:
如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。