上面是微信小程序文档当中关于wx:key的描述–
wx:key的值以两种形式提供
- 保留关键字 表示遍历的数组item本身,就是一个唯一的字符串或数字可以看以下的示例,这个倒是不难理解
<view wx:for="{{['a','r','r','a','y']}}" wx:key="*this">
{{item}}
</view>
- 字符串 遍历的数组当中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'},
]
})