Uni-app篇 vue渲染列表时报错Avoid using non-primitive value as key, use string/number value instead.

vue渲染列表时报错Avoid using non-primitive value as key, use string/number value instead.

错误：

这个是由于v-for循环里，key值可能重复了，所以会报这个错。查看了一下页面代码： 发现key值重复了

 

key值是必须唯一的，如果重复就会报错
可以把key值改为index或者id，就可以避免这个情况（这里key最好用id，才能达到key值唯一，就地复用的原则，大大节省了dom的渲染）