宝哥软件园

微信小程序控制台提示警告:现在 您可以为“wx: for”提供attr“wx : key”来提高解决方案的性能

编辑:宝哥软件园 来源:互联网 时间:2021-08-27

本文的示例讲述了警告:的解决方案现在,您可以为“wx: for”提供attr“wx : key”来提高性能。分享给大家参考,如下:

遇到提示:警告:现在您可以为“wx: for”提供attr“wx :键”来提高applet控制台开发的性能。

警告提示如下图所示:

查找资料和查看公文的原因大致如下:

官方解释:

wx:key

如果列表中的项目位置会动态变化或者列表中添加了新的项目,并且您希望列表中的项目保持其自身的特征和状态(如input/中的输入内容和switch/的选定状态),则需要使用wx:key来指定列表中项目的唯一标识符。

在线信息:

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

1.wx:key='property ',其中property是表示for循环数组中的项的属性,此属性的值必须是列表中唯一的字符串或数字,并且不能动态更改。类似于字典的键值

2.wx:key='*this ',保留关键字*this表示for循环中的项本身,它要求项本身是唯一的字符串或数字,例如:

当数据更改触发渲染层重新渲染时,带有key的组件将被纠正,框架将确保它们被重新排序而不是重新创建,以确保组

保持自己的状态,提高列表渲染的效率。

不添加wx:key:

block wx : for=' { { navItems } } ' wx : for-item=' item ' wx : for-index=' itemIdx ' view bind tap=' navItemTap ' class=' top-BTN { { navbtnselectiondx==itemIdx '?top-悬停-btn' : ''}} '数据-索引='{{itemIdx}} '数据-cid=' { { item . cid } } ' { { item . title } }/视图/警告:现在您可以为' wx: for '提供attr' wx:键'以提高性能,该键将出现在块中。如果你知道列表是静态的或者你不需要注意它的顺序,你可以选择忽略它。

建议通过添加唯一的属性来管理数组中的每一项,以便可以删除警告。如果使用保留关键字,似乎所有显示的项目都是最后一个。

block wx : for=' { { navItems } } ' wx : key=' navItems ' wx : for-item=' item ' wx : for-index=' itemIdx ' view bind tap=' navItemTap ' class=' top-BTN { { navbtnselectiondx==itemIdx?top-悬停-BTN' :''}} '数据-索引=' {{itemidx}} '数据-cid=' { { item . cid } } ' { { item . title } }/视图/块。好了,再也没有烦人的提示了!

注意:此处添加了wx:key='navItems '

希望本文对微信小程序的开发有所帮助。

更多资讯
游戏推荐
更多+