vue-Duplicate keys detected ‘1‘This may cause an update error

(1) 具体的报错信息如下

vue-Duplicate keys detected ‘1‘This may cause an update error_第1张图片

 大概意思:检测到重复的密钥“1”这可能会导致更新错误,

(2)key

作为索引,基于key的变化重新排列元素排序,并且移除key不存在的元素;

相同的父元素,分别在两个儿子div中循环遍历数据,会出现key值得重复报错;

具体原因:有相同的父元素的子元素必须拥有独特的key;

(3)div,'cont_right'中两个循环,不做处理就会报错

vue-Duplicate keys detected ‘1‘This may cause an update error_第2张图片

解决方法:       

         1.编写代码时单个div尽量只包含一个循环 ,嵌套div

         2.更改key命名,维持key的唯一性,

        

你可能感兴趣的:(vue.js,javascript,前端)