[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 发布
阅读量1.7k 收藏
点赞数
分类专栏： 遇到的问题 文章标签： javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_56088882/article/details/128340201
版权

场景：

一使用就报错

报错意思是：避免使用非基本值作为键，而是使用字符串/数字值。

然后查看代码发现是我将todo.id作为key值，由于key必须是唯一值，为了保证后续新增的todo.id是唯一的，所以想把id设为时间戳，结果Date.now()忘了加括号，所以导致id变成了Object

 所以不要用对象或是数组作为key

但此时突然想到key必须是唯一值，那他的值能不能是Symbol类型的呢？

Symbol数据类型解释

于是就把id变成Symbol类型

 然后发现并不会报错而且正常使用

最后得出结论：key必须是唯一值，并且不要用对象或是数组作为key，key的值可以是number，字符串也可以是Symbol类型

前端小马
关注
专栏目录
vue 渲染列表报错Avoid using non-primitive value as key, use string/number value instead. found in
前端程序员、项目经理、人工智能博主
12-04 698
控制台报错 报错原因说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项目中报错：Avoid using non-primitive value as key, use stringnumber value instead.
最新发布
qq_32389095的博客
08-18 295
意思是：检测到重复键:‘[object object]’。这可能会导致更新错误。意思是：避免使用非基本值作为键，而是使用字符串/数字值。
Vue报错：Avoid using non-primitive value as key, use string/number value instead
qq_38261819的博客
10-17 8335
报错的意思是 不要用对象或是数组作为key，用string或value作为key。意思是：避免使用非基本值作为键，而是使用字符串/数字值。
vue项目中报错：Avoid using non-primitive value as key, use string/number value instead. 不要使用index作为键
szwwwx的博客
09-10 348
报错的大概意思是：作为 子级的列表元素 不要使用index作为键，否则就跟没有设置键一样。父组件传递数组给子组件 在子组件遍历改数组时， 可以为其他的字符串或数字。那么修改key就可以解决。于是修改：:key=“item.id”vue项目中报错：Avoid using non-primitive value as key, use string/number value instead.
Avoid using non-primitive value as key, use string/number value instead.
悟世君子的博客
12-16 2547
vue 项目使用 v-for渲染时报错：Avoid using non-primitive value as key, use string/number value instead. 报错原因：避免使用非基本值作为键，而是使用字符串/数字值；即不要用对象或是数组作为 key，用 string 或 number 作为 key 报错代码 当 item为对象时，就会出现这种报错，将其改...
[vue warn]: avoid using non-primitive value as key, use string/number value instead.
08-27
Vue中的“[vue warn]: avoid using non-primitive value as key, use string/number value instead.”警告的意思是在使用Vue的v-for指令时，应该使用基本类型（即字符串或数字）作为循环中的元素的key。 在Vue中，...
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.
weixin_42354661的博客
07-31 485
同一个错误：[Vue warn]: Duplicate keys detected: '[object Object]'. This may cause an update error.v-for 遍历 ：key = obj :key 给了一个obj对象 ，改为字符串或数字即。译：检测到重复键:'[object object]'。这可能会导致更新错误。译：避免使用非基本值作为键，而是使用字符串/数字值。
报错处理：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. 意思是：检测到重复键:...
vue: Avoid using non-primitive value as key, use string/number value instead.
qq_41687299的博客
01-05 255
问题： 如下：
【CSCODE-VUE】Avoid using non-primitive value as key, use string/number value instead.
少莫千华
04-25 770
问题描述 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...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端小马

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值