微信小程序开发——消除Now you can provide attr `wx:key` for a `wx:for` to improve performance.

在开发微信小程序的是遇到了WXML Runtime warning：Now you can provide attrwx:key for awx:forto improve performance. ，这警告并不影响正常的使用，但是有强迫症的我就是要让警告消失。其实很简单的，我直接上修改后的源码吧！

<view class='rate-group'><image wx:for="{{[1,2,3]}}" wx:key="key" src='/images/rate_light.png'></image><image src='/images/rate_half.png'></image><image src='/images/rate_gray.png'></image><text>8.0</text>
</view>

在for循环后面是需要加上wx:key="key"这句代码。

微信小程序开发——消除Now you can provide attr `wx:key` for a `wx:for` to improve performance.相关推荐

uniapp开发写了key 但微信小程序时警告-Now you can provide attr `wx:key` for a `wx:for` to improve performance.
我这里碰见了两种造成这个问题的错误第一种 :key="Ditem.did" 给了key值,但是变量写错,key值是undefined, 解决方案,给一个正确的值,而且值唯一第二 ...
微信小程序报错 Now you can provide attr `wx:key` for a `wx:for` to improve performance.
出现黄色警告Now you can provide attr wx:key for a wx:for to improve performance.不影响运行效果只需要在 wx:for 后面添加 w ...
微信小程序开发的基本用法
微信小程序开发的基本用法 1.数组或对象的遍历 1.1.数组遍历 wx:for="{{数组或对象}}" wx:for-item="循环项的名称" wx:for- ...
小程序开发工具_有哪些好用的微信小程序开发工具？如何选择？
小程序对商家和个人的帮助很大,可以为商家导入新的线上流量.那么该如何拥有自己的小程序呢?如果你想自己制作小程序的话,目前有两种方式,一种是使用"微信开发者工具",需要精通代码编程, ...
视频教程-老司机讲前端之微信小程序开发成语消消乐游戏视频课程-微信开发
老司机讲前端之微信小程序开发成语消消乐游戏视频课程中国实战派HTML5培训第一人,微软技术讲师,曾任百合网技术总监,博看文思HTML5总监.陶国荣长期致力于HTML5.JavaScript.CSS3 ...
老司机讲前端之微信小程序开发成语消消乐游戏视频课程-陶国荣-专题视频课程...
老司机讲前端之微信小程序开发成语消消乐游戏视频课程-102人已学习课程介绍本课通过一个完整.真实的游戏项目,带着学员手动开发代码,本课分项目介绍.界面效果.技术分析.代码实现.打包 ...
微信小程序开发的完整流程介绍，新手必读
自从跳一跳小程序游戏出现后,一夜之间,小程序就变得家喻户晓了,功能开发也越来越丰富,在微信搜一搜就会发现许多大品牌早已有自己的小程序了,越来越多的企业和商家都看中了这个风口,想快速开发出一款属于自己的 ...
微信小程序开发（2）_data属性
假设我们的环境都做好了,现在我们开始开发自己的小程序首先我们开发出自己的 Hello World 我们要做的事情是当前点击hello World的时候HelloWorld的颜色发生变化: 这个是我们 ...
微信小程序开发之选项卡
选项卡是web开发中经常使用到的一个模块,在小程序中竟然没有,这里参考别人的文章自己做了一个双选项卡实现思路: 通过绑定swichNav事件来控制currentTab(当前选项卡)和isShow(是 ...

微信小程序开发——消除Now you can provide attr `wx:key` for a `wx:for` to improve performance.

微信小程序开发——消除Now you can provide attr `wx:key` for a `wx:for` to improve performance.相关推荐

最新文章

热门文章