首页 > 其他分享 >关于for循环的key 有时候会出现一些不可预估的问题

关于for循环的key 有时候会出现一些不可预估的问题

时间:2022-09-21 16:22:14浏览次数:58  
标签:index 下标 删除 绑定 循环 key 有时候 预估

在写项目中遇到这样一个问题:

    第一种情况:v-for 循环里面套 v-for 再删除里面循环的某一项是 总是删除最后一项。下标打印的都是正确的 返回的数据也是正常删除的,但是页面上显示的却总是删除最后一项的数据。

  第二种情况:循环组件的时候 key设置的是下标

解决方案:

 出现这个问题的最主要原因 是 key 值的绑定。 我绑定的是index. 官方网站上不推荐 :key='index'.

 key:必须是唯一识别的一个属性。而vue中的v-for 采用就地复用 策略,用index绑定可能就会出现咱们现在所说的问题。

  如果 循环的数据里面实在是没有唯一确定的值:类似于id类的话,我们可以给:key绑定当前时间的时间戳,这样就能保证是唯一的。

标签:index,下标,删除,绑定,循环,key,有时候,预估
From: https://www.cnblogs.com/yn-cn/p/16716005.html

相关文章