vue key值的重复键报错问题以及解决办法

1.问题描述：在vue2.0+ 中做一个公用的评论组件，:key使用的时创建评论的时间，当加载更多的时候，会报错：

Duplicate keys detected: '2019-01-24T07:15:35.000Z'.This may cause an update error.

2. 出问题的代码部分：

<li v-for="(item, i) in cmtList" :key="item.createTime"></li>

3. 分析问题：

由于多人可以同时发表评论，如果是时间完全相同就会出现这样的警告！！！

不同的v-for循环使用了相同的key值造成了这个警告，为了避免由于相同的key值造成的警告，可以使用以下方法：

<div v-for="(item, i) in items" :key="i"></div><div v-for="(item, i) in items2" :key="'A'+ i"></div><div v-for="(item, i) in items3" :key="'B',+ i"></div>//这里例子中的 A,B 字符可以替换成你自己定义的任意字符，只是为了保证key的唯一性

4. 备注

参考：https://stackoverflow.com/questions/51086657/vue-warn-duplicate-keys-detected-x-this-may-cause-an-update-error

vue key值的重复键报错问题以及解决办法相关推荐

vue key值的重复键问题报错
1.问题描述:在vue2.0+ 中做一个公用的评论组件,:key使用的时创建评论的时间,当加载更多的时候,会报错: Duplicate keys detected: '2019-01-24T07:15 ...
mysql1055_MySQL5.7 group by新特性报错1055的解决办法
项目中本来使用的是mysql5.6进行开发,切换到5.7之后,突然发现原来的一些sql运行都报错,错误编码1055,错误信息和sql_mode中的"only_full_group_by&qu ...
python运行启动报错解决方法_51testing：iOS自动化测试的那些干货：关于appium启动报错问题的解决办法...
原标题:51testing:iOS自动化测试的那些干货:关于appium启动报错问题的解决办法我们在进行iOS Appium自动化测试的时候,会遇到环境配置.兼容使用问题,这里做个总结,以避免后续踩 ...
pom.xml内容没有错，但一直报错红叉解决办法
转自:http://www.cnblogs.com/sxdcgaq8080/p/5590254.html [maven] pom.xml内容没有错,但一直报错红叉解决办法 1.首先看一下下面的这两个 ...
CFX计算报错和相应解决办法（浮点错误等-持续更新）
CFX计算报错和相应解决办法(浮点错误等-持续更新) 1.CFX浮点错误 Floating point exception:Overflow 数值计算过大,浮点数位数不够,使用双精度double类型计 ...
python modulenotfounderror_python 服务器运行代码报错ModuleNotFoundError的解决办法
一.问题描述一段 Python 代码在本地的 IDE 上运行正常,部署到服务器运行后,出现了 ModuleNotFoundError: No module named 'xxx" 错误. ...
IndexError: list index out of range--Python报错原因及解决办法
报错原因一.括号里面的索引index超出范围例如:要查找最后一个明星的名字'Hannah Quinlivan',Index输入为4.在Python中,第四个元素的索引为3,因为索引是从0开始的.如 ...
linux mysql 登录报1045_【mysql】linux登录MySQL_报错ERROR_1045_(28000)解决办法
[mysql]linux登录MySQL_报错ERROR_1045_(28000)解决办法 5年前 (2015-09-17) 作者:Jiaozn 分类:MySQL 阅读次数:1852 ...
oracle lms进程内存,【案例】Oracle ges resource消耗内存高报错ORA-04031 MOS解决办法...
天萃荷净 Oracle研究中心案例分析:运维DBA反映Oracle数据库10.2.0.4.12每间隔一段时间就必须重启,运行一断时间报ORA-04031错误oracle ges res cache l ...

vue key值的重复键报错问题以及解决办法

vue key值的重复键报错问题以及解决办法相关推荐

最新文章

热门文章