关于Now you can provide attr wx:key for a wx:for to improve performance.

在实际开发过程中遇到 warning： Now you can provide attr "wx:key" for a "wx:for" to improve performance.

这是我在做轮播图时发现的，以下是官网的原代码。

<swiperindicator-dots="{{indicatorDots}}"autoplay="{{autoplay}}"interval="{{interval}}"duration="{{duration}}"
><block wx:for="{{imgUrls}}"><swiper-item><image src="{{item}}" class="slide-image" width="355" height="150" /></swiper-item></block>
</swiper>

网上资料：

wx:key 的值以两种形式提供

1、wx:key="property" 其中property是代表在 for 循环的 array 中 item 的某个 property，该 property 的值需要是列表中唯一的字符串或数字，且不能动态改变。类似于字典的key值

2、wx:key="*this"，保留关键字 *this 代表在 for 循环中的 item 本身，这种表示需要 item 本身是一个唯一的字符串或者数字，如：

当数据改变触发渲染层重新渲染的时候，会校正带有 key 的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组

件保持自身的状态，并且提高列表渲染时的效率。

不添加wx:key情况：

<block wx:for-items="{{userInfoList}}" >，会出现warning： Now you can provide attr "wx:key" for a "wx:for" to improve performance. 如果明确知道该列表是静态，或者不必关注其顺序，可以选择忽略。

推荐array 的每一个item都添加一个唯一识别的property来管理，这样就可以去掉warning，如果使用保留关键字，好像会出现显示的item都是最后一个的

后面这话是关键。。。

关于Now you can provide attr wx:key for a wx:for to improve performance.相关推荐

uniapp开发微信小程序时，报错：Now you can provide attr `wx:key` for a `wx:for` to improve performance
前言 os :win10 HBuilder X :2.7.14.20200618 微信开发者工具 win32 :1.03.2006090 问题每当使用微信开发者工具预览小程序时,均会在控制台(Con ...
报错：Now you can provide attr `wx:key` for a `wx:for` to improve performance
文章目录问题报错解决办法问题在小程序开发时出现缺少wx:key的错误报错 Now you can provide attr wx:key for a wx:for to improve p ...
微信小程序 Now you can provide attr `wx:key` for a `wx:for` to improve performance.
微信小程序用到"wx:for"时可能会在控制台报"Now you can provide attr "wx:key" for a "wx:f ...
小程序警告：Now you can provide attr `wx:key` for a `wx:for` to improve performance.
文章目录问题解析解决示例问题当我们在使用wx:for遍历列表数据的时候,可能会遇到以下警告: Now you can provide attr `wx:key` for a `wx:for ...
微信小程序开发——消除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. ...
小程序提示报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 ...
小程序 Now you can provide attr wx:key for a wx:for to improve performance.
在wxml中添加: <view wx:for="{{array}}" > {{item}} </view> 报错: VM4222:2 ./pages/ind ...
微信小程序报错 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 ...
小程序-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 当我 ...

关于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.相关推荐

最新文章

热门文章