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


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

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

解决方案:

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

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

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM