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"},
		]
		
	}
}

猜你喜欢

转载自blog.csdn.net/Kiruthika/article/details/121025069