vue v-for循环数据删除时总是删除最后一项
在写项目中遇到这样一个问题:
v-for 循环里面套 v-for 再删除里面循环的某一项是 总是删除最后一项。下标打印的都是正确的 返回的数据也是正常删除的,但是页面上显示的却总是删除最后一项的数据。
解决方案:
出现这个问题的最主要原因 是 key 值的绑定。 我绑定的是index. 官方网站上不推荐 :key='index'.
key:必须是唯一识别的一个属性。而vue中的v-for 采用就地复用
策略,用index绑定可能就会出现咱们现在所说的问题。
如果 循环的数据里面实在是没有唯一确定的值:类似于id类的话,我们可以给:key绑定当前时间的时间戳,这样就能保证是唯一的。