data: {
list: [
{ id: 1 },
{ id: 2 },
{ id: 3 }
]
}
for循环组件
<item-comp wx:for="{{list}}" wx:key="id" info="{{item}}" index="{{index}}" />
item-comp组件内部就是
key id: {{info.id}} index: {{ index }}
修改列表id
handleClick() {
this.setData({
"list[0].id": "4",
"list[1].id": "1",
"list[2].id": "2",
})
}
组件内部的id变了,但是index没变
所以微信小程序复用了dom但是没有更新列表所在的位置的下标,导致下标混乱,组件被更新到了第二位但是下标还是第一位
基础库试试3.4.7