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

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

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

解决方案:

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

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

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

posted on 2022-09-21 16:14  鄢宁  阅读(24)  评论(0编辑  收藏  举报