关于wx:for时wx:key值问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于wx:for时wx:key值问题相关的知识,希望对你有一定的参考价值。

参考技术A wx:for 是微信小程序的for循环,使用方式如下:

或者

两个区别在于,如果你不指定 wx:for-item 等于某个参数,则循环内部用 item 输出每个循环内容, item 是微信官方指定的。

在使用 wx:for 过程中可能会遇到下面这种问题

这是因为在使用 wx:for 时, wx:key 是必须添加的,同时如果采用我上面截图的方式,如: wx:key = 'item1index' ,它一样会报错,可以换成 wx:key= 'index' ,这样就不会报错了,当然,不加上wx:key报错也不会影响程序的运行

微信小程序v-for循环时,设置wx:key报错does not look like a valid key name?

问题:

微信小程序中一般都会要求有wx:for=""wx:key=""两个都存在,不然会有警告 ;

设置 wx:key="id" 报警告;


设置 wx:key="item.id" 报警告;


设置 wx:key="item.id" 报警告;


设置 wx:key="index" 报警告;


解决方法:

设置 wx:key="index" 就不报警告了;


在这里不得吐槽一下,改了文档又不更新一下,找了大半天。。。


以上是关于关于wx:for时wx:key值问题的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序v-for循环时,设置wx:key报错does not look like a valid key name?

微信小程序v-for循环时,设置wx:key报错does not look like a valid key name?

微信小程序v-for循环时,设置wx:key报错does not look like a valid key name?

微信小程序v-for循环时,设置wx:key报错does not look like a valid key name?

For developer:Do not set same key "[object Object]" in wx:key

小程序开发-Now you can provide attr "wx:key" for a "wx:for" to improve performance