收藏
回答

列表修改key字段后,index下标不会更新

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 微信iOS客户端 8.0.48 3.4.3
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但是没有更新列表所在的位置的下标,导致下标混乱,组件被更新到了第二位但是下标还是第一位




最后一次编辑于  2024-06-19
回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容