您的位置: 首页  >  文章  >  vue项目中的出现的问题:[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.

vue项目中的出现的问题:[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.

分类: 文章 • 2022-12-03 00:14:00

在写vue项目的过程中打开网页在控制台会出现这样的错：
vue项目中的出现的问题:[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.
一进入某页面，就会冒出这么一长串的报错，这个是由于v-for循环里，key值可能重复了，所以会报这个错。查看了一下页面代码： 发现key值重复了。
vue项目中的出现的问题:[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.
key值是必须唯一的，如果重复就会报错，可以把key值改为p，就可以避免这个情况
vue项目中的出现的问题:[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.

相关推荐