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的渲染）

转 ： https://blog.csdn.net/lily2016n/article/details/84141054

这篇关于vue渲染列表时报错Avoid using non-primitive value as key, use string/number value instead.的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！