码迷,mamicode.com
首页 > 其他好文 > 详细

vue使用v-for渲染完组件,删除数据时总是删除最后一个解决方案

时间:2020-02-14 18:34:20      阅读:64      评论:0      收藏:0      [点我收藏+]

标签:info   数据   显示   对象   刷新   删除   index   绑定   消失   

vue使用v-for渲染完组件,删除数据时总是删除最后一个解决方案

原因:

技术图片

 

index值每次渲染都会重新生成, key值不能绑定index。

例如第一次渲染0,1,2,3,4,5

技术图片

删除2的数据,重新渲染的时候又会生成0,1,2,3,4

技术图片

所以最后显示结果为5的内容消失了,需要重新刷新页面才能恢复正常显示

解决方案:

正确做法应为绑定对象id。

技术图片

 

vue使用v-for渲染完组件,删除数据时总是删除最后一个解决方案

标签:info   数据   显示   对象   刷新   删除   index   绑定   消失   

原文地址:https://www.cnblogs.com/innerserenity/p/12308283.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!