vue Duplicate keys detected警告,检测到重复秘钥

在vue2.2及以上版本,v-for就需要结合:key使用,但是这个key的设定是有讲究的,比如下图代码,
vue Duplicate keys detected警告,检测到重复秘钥_第1张图片
直接把内容作为key,当内容存在重复的时候,就会爆警告,如下图
vue Duplicate keys detected警告,检测到重复秘钥_第2张图片

解决办法,把索引当做key一般即可以解决,图中item为索引

vue Duplicate keys detected警告,检测到重复秘钥_第3张图片
vue Duplicate keys detected警告,检测到重复秘钥_第4张图片

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