vue Avoid using non-primitive value as key, use string/number value instead.

最新推荐文章于 2022-10-17 15:36:13 发布
最新推荐文章于 2022-10-17 15:36:13 发布
阅读量658 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： vue 其他bug解决方案
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sw_onload/article/details/107038900
探讨了在循环渲染tag标签时，key绑定值使用数组或对象可能导致的问题，并建议使用字符串或数字作为key，以及如何选择更合适的唯一标识。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在循环渲染tag标签时报错
在这里插入图片描述
在这里插入图片描述
意思就是:key绑定的值不要用数组或者对象，要用字符串或者数字比较好
改成一个唯一的标识，实在没有，也可以用下标
在这里插入图片描述

vue 渲染列表报错Avoid using non-primitive value as key, use string/number value instead. found in
前端程序员、项目经理、人工智能博主
12-04 881
控制台报错 报错原因说v-for 循环的key值重复了，那就看看自己写的代码 报错时的代码，如下: 我们可以在v-for循环里面再定义个index值,然后写到key 里面去 改正后的代码 报错解决，大功告成
[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.
qq_50276105的博客
10-15 1145
从服务器获取带对象的数组，通过遍历数组生成系列dom元素遍历数组的时候，当赋给的key值是一个对象的时候，会报错，并建议赋string或者number值。
Vue Avoid using non-primitive value as key, use string/number value instead.
代码小疯子
09-18 933
在使用 for 循环时，不要用对象或是数组作为key，用string或value作为key，逐一排查页面中 使用到 for 设置 key 地方，修改后解决问题。
vue: Avoid using non-primitive value as key, use string/number value instead.
qq_41687299的博客
01-05 276
问题： 如下：
Vue报错：Avoid using non-primitive value as key, use string/number value instead
qq_38261819的博客
10-17 8853
报错的意思是 不要用对象或是数组作为key，用string或value作为key。意思是：避免使用非基本值作为键，而是使用字符串/数字值。
VUE渲染时报错 Avoid using non-primitive value as key, use string/number value instead.
Kaite_han的博客
10-13 1221
VUE渲染时报错 Avoid using non-primitive value as key, use string/number value instead. 进入页面，就会冒出这么一长串的报错，这个是由于v-for循环里，key值可能重复了，所以会报这个错。查看了一下页面代码： 发现key值重复了 当我们将key值设置为item.id属性时，问题就解决了。 ...
Avoid using non-primitive value as key, use string/number value instead.
悟世君子的博客
12-16 2629
vue 项目使用 v-for渲染时报错：Avoid using non-primitive value as key, use string/number value instead. 报错原因：避免使用非基本值作为键，而是使用字符串/数字值；即不要用对象或是数组作为 key，用 string 或 number 作为 key 报错代码 当 item为对象时，就会出现这种报错，将其改...
【CSCODE-VUE】Avoid using non-primitive value as key, use string/number value instead.
少莫千华
04-25 818
问题描述 vue.runtime.esm.js:619 [Vue warn]: Avoid using non-primitive value as key, use string/number value instead. found in ---> <Index> at src/views/setting/clientmanage/index.vue 5vue.r...
vue在v-for循环的时候，报错Avoid using non-primitive value as key, use string/number value instead.
从入门到放弃的博客
07-10 1102
错误原因：key值应该位string或者number，不应该使用对象等作为key值 解决方法：:key的存在相当于索引，可以提高循环的速度，当数据量不大的时候可以选择不使用key。这样也会存在问题VsCode会报错，因此可以考虑将对象中的string或者number属性作为key值。 ...
vue项目报错Avoid using non-primitive value as key, use string/number value instead.
qq_37161741的博客
07-27 529
项目报错 这个是由于v-for循环里，key值可能重复了，所以会报这个错。 <el-checkbox v-for="city in cities" :label="city.name" :key="city" style="width:885px;height:100px;margin:0 auto;border:1px solid #ccc;border-radius:10px;padding:10p
vue渲染列表时报错Avoid using non-primitive value as key, use string/number value instead.
sinat_36695865的博客
07-06 414
vue渲染列表时报错Avoid using non-primitive value as key, use string/number value instead. 遍历的时候不要使用key,使用String 或者Number类型来作为key <el-option v-for="item in accountList" :key="item" :label="item.accountWithName" :value="item.account"> </el-option>
报错处理：Avoid using non-primitive value as key, use string/number value instead
热门推荐
Devin_Chen的博客
04-29 8万+
项目运行报错 Avoid using non-primitive value as key, use string/number value instead. 意思是：避免使用非基本值作为键，而是使用字符串/数字值。 Duplicate keys detected: '[object Object]'. This may cause an update error. 意思是：检测到重复键:...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值