小程序wx:key中的关键字*this意义何在?有什么用?

Posted herizai

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序wx:key中的关键字*this意义何在?有什么用?相关的知识,希望对你有一定的参考价值。

官方文档中这样描述:
“保留关键字 *this 代表在 for 循环中的 item 本身,这种表示需要 item 本身是一个唯一的字符串或者数字”
那么意思是不是就是如果item不是字符串或数字,而是一个对象,这个*this就不能用了?

没错,如果是对象,就指定对象中的能界定为唯一行的属性.

...
data: {
    items: [
        {
            id: 1,
            name: ‘11‘
        },
        {
            id: 2,
            name: ‘2‘
        } 
    ]
}
...

//wxml
wx:key="{{ item.id }}"

文档原话:

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

字符串,代表在 for 循环的 array 中 item 的某个 property,该 property 的值需要是列表中唯一的字符串或数字,且不能动态改变。

保留关键字 *this 代表在 for 循环中的 item 本身,这种表示需要 item 本身是一个唯一的字符串或者数字,

 



以上是关于小程序wx:key中的关键字*this意义何在?有什么用?的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序 - wx:key

微信小程序 wx:key详细介绍

微信小程序开发者工具升级后,控制台WXMLRT_$gwx:./

小程序~列表渲染~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?