本文的示例讲述了警告:的解决方案现在,您可以为“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 '
希望本文对微信小程序的开发有所帮助。