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

最新推荐文章于 2024-05-30 15:52:02 发布
最新推荐文章于 2024-05-30 15:52:02 发布
阅读量2.5k 收藏 1
点赞数 2
分类专栏： Exception及错误处理 文章标签： vue.js vue node.js javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lps12345666/article/details/129997730
版权

 

Avoid using non-primitive value as key, use string/number value instead.
意思是：避免使用非基本值作为键，而是使用字符串/数字值。

 

 Duplicate keys detected: '[object Object]'. This may cause an update error.
意思是：检测到重复键:'[object object]'。这可能会导致更新错误。

项目代码

 

报错的意思是 不要用对象或是数组作为key，用string或value作为key

 我们可以将key的值改为index;即可

解决方式如下：

 搞定！

不掉头发的阿水
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
is-primitive:typeof值是javascript原语吗？
05-04
Number String Symbol （ECMAScript 6中的新增功能） 用法 var isPrimitive = require ( 'is-primitive' ) ; 真的 以下所有返回true ： console . log ( isPrimitive ( false ) ) ; console . log ( isPrimitive...
react-wizard-primitive:一个react向导原语-用钩子构建！
05-02
解决方案React Wizard Primitive处理状态管理，然后您带上UI。 利用渲染道具或挂钩API摆脱​​繁琐的样板。 您可以使用此库来构建其他抽象，使其更适合您的特定需求。 快速开始安装react-wizard-primitive npm i ...
Vue项目提示Avoid using non-primitive value as key, use string/number value instead的报错
baidu_33164415的博客
01-23 1125
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.
代码小疯子
09-18 765
在使用 for 循环时，不要用对象或是数组作为key，用string或value作为key，逐一排查页面中 使用到 for 设置 key 地方，修改后解决问题。
[Violation]Avoid using document.write().
最新发布
2301_79698214的博客
05-30 310
方法最初是用于在文档流中直接写入字符串。但是，由于它会重写整个文档流，因此在现代的前端开发中，通常建议避免使用它，因为它可能会导致性能问题，并且容易破坏页面的现有内容。，它将清除页面内容并开始写入新内容。在这种情况下，使用上述方法更加有效和推荐。如果你需要动态地向页面中插入内容，你可以使用以下方法来替代。事件发生之后，这样可以保证在页面加载完成后执行。方法创建元素并将它们添加到文档中的适当位置。仅在你完全控制页面的情况下，并且在。请注意，如果你在页面已完全加载后使用。这个报错表示应当避免使用。
Avoid using non-primitive value as key, use string/number value instead.报错
liguangda的博客
11-19 356
Avoid using non-primitive value as key, use string/number value instead. 翻译：避免使用非基元值作为键，而是使用字符串/数字值。 错误原因：Vue 中渲染列表是key 产生了重复， 此时应该去检查与key 有关的代码 <ul class="list-group"> <CommentDel v-for="content in comments" :key="content.id" :content="cont
vue渲染列表时报错Avoid using non-primitive value as key, use string/number value instead.
热门推荐
lily2016n的博客
11-16 12万+
一进页面就报错如下 一进入某页面，就会冒出这么一长串的报错，这个是由于v-for循环里，key值可能重复了，所以会报这个错。查看了一下页面代码： 发现key值重复了 key值是必须唯一的，如果重复就会报错 可以把key值改为index，就可以避免这个情况 ...
vue报错：[Vue warn]: Duplicate keys detected: ‘[object Object]‘. This may cause an update error.
dreamy_wx的博客
07-02 3894
[Vue warn]: Avoid using non-primitive value as key, use string/number value instead. 原因：检测到重复的键：“[object]”。 <div v-for='item in items' :key='item'> 解决：修改key值 <div v-for='item in items' :key='item.index'> 或： <div v-for='(item,index)in items
解决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相当于是索引...
DRAW-PRIMITIVE.zip_draw primitive_things
09-24
在编程领域，"Draw Primitive" 是一个基础概念，通常指的是绘制基本图形，如三角形、星形等。这些基本形状是构建复杂图形和用户界面的基础元素。本项目 "DRAW-PRIMITIVE.zip_draw primitive_things" 显然是一个用于...
string-primitive-array:验证值是否是字符串基元数组
06-20
安装$ npm install validate.io-string-primitive-array 要在浏览器中使用，请使用 。用法 var isStringArray = require ( 'validate.io-string-primitive-array' ) ;isStringArray( 值 ) 验证value是否是string基元...
Vue：Duplicate keys detected: ‘[object Object]‘. This may cause an update error.
ZWP_990527的博客
12-13 495
Vue：Duplicate keys detected: '[object Object]'. This may cause an update error.
Avoid using non-primitive value as key, use string/number value instead.
九
06-29 2019
源错误代码： 出错不慌，首先要确定出错点，然后知道它是什么意思才能知道往哪个方向调错 翻译： 第一个：避免使用非基本值作为键，而是使用字符串/数字值。 第二个：检测到重复键:'[object object]'。这可能会导致更新错误。 发现出错的位置是一样的，可以推测是由一个原因导致的，既然人家不让用非基本值做为键那咱就不用呗 修改： 完工！！！ ...
Vue | using non-primitive value as key, use string/number value instead.
u011607490的博客
10-08 843
&lt;div v-for="item in items" :key="item"&gt; 我这里的items是一个对象，item也是一个对象， 这个报错意思就是，key中的变量必须是字符串或者是数字类型， 解决办法，在item后随便添加个属性 比如： &lt;div v-for="item in items" :key="item.string"...
vue报错信息（Avoid using non-primitive value as key, use string/number value instead.）
sou_vyp的博客
08-02 3万+
避免使用非原始值作为关键字，而使用字符串/数字值代替。 解决方法： for循环中，绑定的key值不能为对象，而是取一个字符串或数值，如下图：
vue Avoid using non-primitive value as key, use string/number value instead.
sw_onload的博客
06-30 615
在循环渲染tag标签时报错 意思就是:key绑定的值不要用数组或者对象，要用字符串或者数字比较好 改成一个唯一的标识，实在没有，也可以用下标
vue控制台报错Avoid using non-primitive value as key, use string/number value instead.
liqinjv的博客
04-01 1625
. 运行项目页面报错： 原因：是由于v-for循环里的key值不是唯一值可能重复，也或者是循环的时候用item作为key，而tem是个对象。 key值必须是唯一的，如果重复就会报错，key值的类型不是string和number也会报错 解决办法： key值可以改为index 或者改为这条数据的id ...
vue报错Duplicate keys detected: '1'. This may cause an update error.key值重复
XYLHxylh的博客
02-14 7927
除了网上大家都在说的原因key值重复之外还有一个原因就是有两个相同的for循环，而这两个for循环的key值是一样的，此时将一个的key值加一个数字或者加一个字符串例如 &lt;template&gt; &lt;div class="nav"&gt; &lt;div v-for="(item,index) in iconHref" class="icon" :key="index&q
Avoid using non-primitive value as key, use string/number value instead. 怎么解决
06-07
这个警告是由 Vue 的 key 绑定机制引起的，当你给一个非原始值（如对象或数组）分配 key 值时，Vue 会发出这个警告。这是因为非原始值无法被有效比较，可能导致性能问题或意外行为。 要解决这个问题，你可以将非...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值