超级会员免费看
当在微信小程序中遇到因循环渲染导致的警告时，可以使用 `wx:key` 来指定列表中项目的唯一标识。本文详细解释了 `wx:key` 的作用，包括其两种赋值方式：item 的某个 property 和保留关键字 `*this`。正确使用 `wx:key` 可以保证组件状态在数据改变时得到保留，提高渲染效率，并避免组件重新创建。通过示例展示了未使用和使用 `wx:key` 时，列表状态的变化，强调了在动态列表中使用 `wx:key` 的重要性。
<block wx:for="{
{movies}}" wx:for-item="movie">该代码在循环的时候控制台会警告 warning， 如果明确知道该列表是静态，或者不必关注其顺序，可以选择忽略不影响使用
可以修改如下
<block wx:for="{
{movies}}" wx:key="movies" wx:for-item="movie">以是官方详解
wx:key
如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 input 中的输入内容，switch 的选中状态），需要使用 wx:key 来指定列表中项目的唯一的标识符。
wx:key 的值以两种形式提供
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
