uni-app+vue2小程序报错[WXML Runtime warning] ./pages/index/index.wxml Now you

295 阅读1分钟

一:报错信息

[WXML Runtime warning] ./pages/index/index.wxml Now you can provide attrwx:keyfor awx:forto improve performance. | <view class="box data-v-57280228"><view class="headerback data-v-57280228" style="background:url(/static/user/bg2.png);background-size:100% 100%;background-repeat:no-repeat;"><u-navbar vue-id="8dd740cc-1" title=

image.png

二:解决

  • 从报错上看,肯定是个for循环有关
  • 从报错中的文字上看,可以确定是哪个文件
  • 找到这个页面之后,去查看使用for循环的位置,首先排除js中的for()相关的循环,因为它出错,会爆红
  • 那就可以把关注点放到v-for上了,因为这个报错既不影响视图,又不爆红,就是一个警告
  • 根据经验判断,是在写v-for的时候,缺少了key

三:代码展示

把key加上 报错就解决了 image.png