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

最新推荐文章于 2024-07-09 15:50:22 发布

原创最新推荐文章于 2024-07-09 15:50:22 发布 · 5.5k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #消除运行时警告

微信小程序专栏收录该内容

3 篇文章

订阅专栏

本文解决微信小程序中WXMLRuntimeWarning警告，通过在wx:for循环中添加wx:key属性提高性能，展示修改前后代码对比。

在开发微信小程序的是遇到了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"这句代码。