Vue 浏览器控制台报错： Duplicate keys detected: ‘1‘. This may cause an update error.

报错：Duplicate keys detected: 'XXX'. This may cause an update error.

问题：v-for循环的时候绑定的key重复了，每个key的值都必须唯一

解决前代码：

<template>
    <div>
       <li v-for="user in users" :key="user.id" ></li>
    </div>
</template>
<script>
export default {
    data() {
        return {
		   users: [
               {"id" :  "1", name: 'sdaf', .. },
               {"id" :  "1", name: 'sss', .. },
               {"id" :  "1", name: 'dd', .. },
               {"id" :  "1", name: 'ff', .. },
            ]
        }
     }
}
</script>

解决后代码：

<template>
    <div>
       <li v-for="user in users" :key="user.id" ></li>
    </div>
</template>
<script>
export default {
    data() {
        return {
		   users: [
               {"id" :  "1", name: 'sdaf', .. },
               {"id" :  "2", name: 'sss', .. },
               {"id" :  "3", name: 'dd', .. },
               {"id" :  "4", name: 'ff', .. },
            ]
        }
     }
}
</script>

参考：https://blog.csdn.net/Dream_xun/article/details/85064277