Vue—— Duplicate keys detected: ‘0‘. This may cause an update error.

[Vue warn]: Duplicate keys detected: ‘0’. This may cause an update error.
此报错信息意思就是循环遍历数据,绑定的key值出现重复的数据

解决方法:保证key值的唯一性

<v-col>
  <span>匹配规则: </span>
  <v-chip
    color="primary"
    outlined
    class="ma-1"
    v-for="(item, index) in matchers"
    :key="`${item.claims}_${index}`"
  >
    <v-icon>mdi-swap-horizontal</v-icon>&nbsp;
    {{
       item.claims
    }}
  </v-chip>
</v-col>


data(){
	return {
		matchers:[
			{claims:"aa"},
			{claims:"bb"},
			{claims:"aa"},
		]
		
	}
}

版权声明:本文为Kiruthika原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。