vue报错|vue报错 Duplicate keys detected: '0'.
场景再现：
vue.esm.js?65d7:591 [Vue warn]: Duplicate keys detected: '0'. This may cause an update error.
文章图片
原因
今天写项目中出现这个报错，报错提示key值重复。这样就能立即定位到是for循环的问题。
找到使用for循环位置
文章图片
如图所示，所使用的两个for循环都使用了index作为key值。而key值是唯一的，index的值肯定是会重复的，所以报错提示key值重复。
【vue报错|vue报错 Duplicate keys detected: '0'.】解决方法
给绑定的key值加上个标识，使key值唯一
文章图片
{{item}}
{{item}}推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数（）
- 接口|axios接口报错-参数类型错误解决
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX（Vuex|VueX（Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show