微信小程序的key值

上面是微信小程序文档当中关于wx:key的描述–
wx:key的值以两种形式提供

1. 保留关键字 表示遍历的数组item本身，就是一个唯一的字符串或数字可以看以下的示例，这个倒是不难理解

<view wx:for="{{['a','r','r','a','y']}}" wx:key="*this">
{{item}}
</view>

1. 字符串 遍历的数组当中item的property其实就是他的属性，这个属性的值需要是列表中的唯一数字或者字符串，且不能够动态的改变，用在 你所被遍历的组件需要多个属性的时候，或者说 你需要遍历的数组 是被嵌套着的。

这个千万要注意了 不要和vue的key值混淆了，不是写index，也不需要写{{item.xx}}，直接就是wx:key="属性名"

<switch wx:for="{{objectArray}}" wx:key="unique" style="display: block;"> {{item.id}} </switch>

Page({
data: {
objectArray: [
{id: 5, unique: 'unique_5'},
{id: 4, unique: 'unique_4'},
{id: 3, unique: 'unique_3'},
{id: 2, unique: 'unique_2'},
{id: 1, unique: 'unique_1'},
{id: 0, unique: 'unique_0'},
]
})

• 点赞
• 收藏
• 分享
• 文章举报