vue v-for循环数据删除时总是删除最后一项

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

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

解决方案:

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

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

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

posted @ 2020-03-27 18:09  程序媛小仙女  阅读(3284)  评论(3编辑  收藏  举报