[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.

最新推荐文章于 2024-08-18 23:02:32 发布
最新推荐文章于 2024-08-18 23:02:32 发布
阅读量634 收藏
点赞数
分类专栏： vue日常存档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangxinxin1992816/article/details/120841304
版权

key值 唯一 DOM渲染 优化 错误修复
关键词由CSDN通过智能技术生成

在这里插入图片描述
那么问题来了这个报错是什么意思呢？？？

还是老方法，先暴力翻译一下报错语句的意思：
在这里插入图片描述
key值是必须唯一的，如果重复就会报错
可以把key值改为index或者id，就可以避免这个情况（这里key最好用id，才能达到key值唯一，就地复用的原则，大大节省了dom的渲染）

乐夫天命兮
关注
专栏目录
vue 渲染列表报错Avoid using non-primitive value as key, use string/number value instead. found in
前端程序员、项目经理、人工智能博主
12-04 677
控制台报错 报错原因说v-for 循环的key值重复了，那就看看自己写的代码 报错时的代码，如下: 我们可以在v-for循环里面再定义个index值,然后写到key 里面去 改正后的代码 报错解决，大功告成
解决vue v-for 遍历循环时key值报错的问题
12-01
[Vue warn] Avoid using non-primitive value as key, use string/number value instead. non-primitive表示的是对象 这里的[Vue warn]是指不要用对象或是数组作为key，用string或number作为key。 :key相当于是索引...
Vue 循环 [Vue warn]: Avoid using non-primitive value as key
weixin_33980459的博客
05-27 188
页面中不添加 ：key 索引的时候，会不停的提示虚线，但不影响使用 后来加了一个索引，加成了:key= "content" 从后台取出来的contents是一个list，里面有多条content记录， content对象中会有id,name，等属性 这时候，也不影响使用，但是控制台console中会不停的出现提示 [Vue warn]: Avoid using non-pr...
vue项目中报错：Avoid using non-primitive value as key, use stringnumber value instead.
最新发布
qq_32389095的博客
08-18 278
意思是：检测到重复键:‘[object object]’。这可能会导致更新错误。意思是：避免使用非基本值作为键，而是使用字符串/数字值。
Vue报错：Avoid using non-primitive value as key, use string/number value instead
qq_38261819的博客
10-17 8275
报错的意思是 不要用对象或是数组作为key，用string或value作为key。意思是：避免使用非基本值作为键，而是使用字符串/数字值。
【CSCODE-VUE】Avoid using non-primitive value as key, use string/number value instead.
少莫千华
04-25 767
问题描述 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.runtime.esm.js:4605 [Vue warn]: Avoid using non-primitive value as key, use string/number value instead.
06-14
This warning message is usually triggered when you use a non-primitive value (such as an object or an array) as a key in a Vue.js template. Vue.js recommends that you use string or number values as ...
[Vue warn]: Avoid using non-primitive value as key, use string/number value instead. found in ---> <FreeCard> at uni_modules/free-card/free-card.vue at pages/tabbar/index/index.vue 如何解决
07-10
这个警告是由Vue框架发出的，提示你在使用v-for指令时，最好使用字符串或数字作为key，而不是非原始值。这是因为Vue需要使用key来跟踪每个节点的身份，以便在重新渲染时提高性能。 要解决这个问题，你可以确保在v-...
VUE渲染时报错 Avoid using non-primitive value as key, use string/number value instead.
Kaite_han的博客
10-13 1138
VUE渲染时报错 Avoid using non-primitive value as key, use string/number value instead. 进入页面，就会冒出这么一长串的报错，这个是由于v-for循环里，key值可能重复了，所以会报这个错。查看了一下页面代码： 发现key值重复了 当我们将key值设置为item.id属性时，问题就解决了。 ...
Vue Avoid using non-primitive value as key, use string/number value instead.
代码小疯子
09-18 795
在使用 for 循环时，不要用对象或是数组作为key，用string或value作为key，逐一排查页面中 使用到 for 设置 key 地方，修改后解决问题。
vue: Avoid using non-primitive value as key, use string/number value instead.
qq_41687299的博客
01-05 243
问题： 如下：
Avoid using non-primitive value as key, use string/number value instead.Duplicate keys detected: '[o
weixin_39520967的博客
02-11 549
今天在使用ant-design-vue时出现警告： 具体的问题就是有重复的键，可能会导致更新错误。 经过查找，发现报警告的的地方是 由于在v-for循环中，key值可能会出现重复，所以报了重复键警告。 解决：将key变成唯一的就行 ...
Avoid using non-primitive value as key, use string/number value instead. vue
洪君的博客
06-24 304
Avoid using non-primitive value as key, use string/number value instead. v-for循环时，出现问题，将一个对象作为 ：key 这个的索引，应该是id或者string
Avoid using non-primitive value as key, use string/number value instead.
Cheryl的加工厂
03-31 462
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值