什么时候用：数组内容会动态改变，要使用wx:key保持项目自己的特征和状态；不使用key的话会整个销毁再创建，导致性能下降
什么时候不需要：数组是静态的不需要改变，不关注顺序，就可以不适用
之前一直不理解wx:key是什么用法，举两个例子。
在没引入wx:key之前
<view wx:for="{{lines}}">
<switch>{{item.info}}</switch>
</view>
<button bindtap="tapfn">数据更新</button>
//my.js部分
data: {
lines:[
{
id:1,
info:"萨摩耶"
},
{
id: 2,
info: "哈士奇"
},
{
id: 3,
info: "阿拉斯加"
}
]
},
tapfn:function()
{
var lines=this.data.lines
lines.splice(0,0,{
id:5,
info:"田园犬"
})
this.setData({
lines:lines
})
},
效果如下：
点击数据更新后
可以看出，这里发生了错误，选择的东西变成了萨摩耶
当我们引入wx:key后，以id作为wx:key
<view wx:for="{{lines}}" wx:key="id">
<switch>{{item.info}}</switch>
</view>
<button bindtap="tapfn">数据更新</button>
再进行相同的操作
这一次保持了正确，这正是wx:key的效果。
那么，当data字段里面是一个纯数组而不是对象，即没有id可以做wx:key时怎么办呢。下面的例子：
<view wx:for="{{lines}}" wx:key="*this">
<switch>{{item}}</switch>
</view>
<button bindtap="tapfn">数据更新</button>
//my.js
data: {
lines:[1,2,3,4]
},
tapfn:function()
{
var lines=this.data.lines
lines.splice(0,0,5)
this.setData({
lines:lines
})
},
效果如下：
点击后：
效果正确，所以在对数组对应的wx:key应该是*this
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/137420.html
