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

转载于:https://www.cnblogs.com/codebook/p/10325102.html

vue key值的重复键问题报错相关推荐

vue key值的重复键报错问题以及解决办法
1.问题描述:在vue2.0+ 中做一个公用的评论组件,:key使用的时创建评论的时间,当加载更多的时候,会报错: Duplicate keys detected: '2019-01-24T07:15 ...
python字典的键可以用列表吗_python字典多键值及重复键值的使用方法(详解)
在Python中使用字典,格式如下: dict={ key1:value1 , key2;value2 ...} 在实际访问字典值时的使用格式如下: dict[key] 多键值字典的多键值形式如下: ...
python 字典键值重复_浅谈python字典多键值及重复键值的使用
在python中使用字典,格式如下: dict={ key1:value1 , key2;value2 ...} 在实际访问字典值时的使用格式如下: dict[key] 多键值字典的多键值形式如下: ...
java map 允许重复_java中key值可以重复的map：IdentityHashMap
在Java中,有一种key值可以重复的map,就是IdentityHashMap.在IdentityHashMap中,判断两个键值k1和 k2相等的条件是 k1 == k2 .在正常的Map 实现(如 ...
关于mysql数据库的外键插入报错：Cannot add or update a child row: a foreign key constraint fails，完整性问题
关于mysql的外键插入报错:Cannot add or update a child row: a foreign key constraint fails..... 首先确定sql语句的正确然后 ...
VUE router 导航重复点击报错的问题解决两种方案
VUE router 导航重复点击报错的问题解决两种方案前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家 ...
vue vue-router ElementUI导航栏重复点菜单报错问题
在使用Element-UI中的导航时,默认情况下如果重复点击某选项,会报错. 可以在router的配置文件中(router -> index.js)加上下面这句话,注意位置: //router/ ...
Vue报错Error: Avoided redundant navigation to current locatiton 重复点菜单报错问题
解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题 //路由页面添加以下代码: const originalPush = Router.prototype.push ...
hp惠普笔记本电脑黑屏大小写锁定键闪烁报错无法开机怎么办？
如果遇到hp笔记本电脑capslock键三长两短报错提示,就拔掉电源

vue key值的重复键问题报错

vue key值的重复键问题报错相关推荐

最新文章

热门文章