wx:key={{ index }}does not look like a valid key name (did you mean wx:key=index?)

TE杨

于 2020-05-18 11:34:31 发布

阅读量3.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序代码报错文章标签：小程序

本文链接：https://blog.youkuaiyun.com/wron_path/article/details/106189663

小程序代码报错专栏收录该内容

1 篇文章

订阅专栏

博客给出小程序开发中 for 循环标识问题的解决方法。一是使用字符串作为数组每一项的独有标识，需为唯一的字符串或数字且不能动态改变；二是若没有独有标识，可用 *this 代表 item 本身，要求 item 是唯一字符串或数字，还给出官网解释链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先上源代码

<view class="item{{ item.completed ? ' completed' : '' }}" wx:for="{{todos}}" catchtap="switchStateHandle" data-index="{{ index }}" wx:key="{{ index }}">

报错详情

wx:key="{{ index }}" does not look like a valid key name (did you mean wx:key="index" ?)

说的很明白了，问题就是出在wx:key="{{ index }}"上，

解决方法

1.字符串，代表在 for 循环的数组中每一项的某个独有标识(例如给每一项加上id)，该独有标识需要是列表中唯一的字符串或数字，且不能动态改变。

wx:key="id"

2.保留关键字, 假如没有独有标识,就使用*this,*this 代表在 for 循环中的 item 本身，这种表示需要 item 本身是一个唯一的字符串或者数字。

wx:key="*this"

官网解释:https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/list.html