Invalid prop：type check failed for prop.Expected String with value“[object Object]”got Object

已于 2023-08-10 11:17:58 修改
阅读量1.6w 收藏 3
点赞数 8
分类专栏： bug 文章标签： javascript 开发语言 前端 luyj-tree组件 css bug
于 2023-08-05 10:56:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45796592/article/details/131870831
版权

  • 报错翻译：

 Invalid prop：type check failed for prop.Expected String with value“[object Object]”got Object

—— 无效的prop:类型检查失败的prop。期望的值是字符串值，得到的“[object object]”是对象的形式

  • 发现问题：

通过该翻译我们可以发现，该报错是类型错误，说明我们传值的时候将数据类型传错了 

  •  查看组件，找到问题

 组件表示传递的类型是字符串类型，而我传递的是个对象，从而报错

  • 解决问题

 将样式写成字符串的形式作为参数传送即可

❆VE❆
关注
  • 8
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端开发：遇到提示Invalid prop：type check failed for prop “modelValue“. Expected Number…的解决方法
软贱开发攻城狮
04-04 1万+
前言 在Vue开发中，经常会遇到一些很共性的报错提示，而且有时候提示已经很明确的告诉开发者问题出现在哪里，尤其是在Chrome的控制台输出上面，只要看一下输出日志就知道问题所在。但是对于一些刚入行的开发者来说，看日志的意识还没有养成，需要借助外力来解决问题，这样不是不可以，主要是要学会看输出的日志以及提示，这样才能很好的“对症下药”。本篇博文主要是分享一下查看日志的方法，根据日志来解决警告或者报错提示，分享给有需要的人，这里以一个常见的报错为切入点来讲解。 警告提示 在运行项目之后，Chrom
Invalid prop: type check failed for prop "name". Expected String with value "17", got Number with va
游海东的技术专栏
09-04 1万+
1、错误描述 vue.runtime.esm.js:631 [Vue warn]: Invalid prop: type check failed for prop "name". Expected String with value "17", got Number with value 17. found in ---> <ElCheckbox> at package...
vue3-examples:vue3的例子
05-06
Vue3.0 学习相关 :hourglass_done: 最近更新时间：:keycap_2: :keycap_0: :keycap_2: :keycap_1: / :keycap_0: :keycap_2: / :keycap_2: :keycap_0: :hourglass_not_done: :eyes: 本人会在仓库内更新一些 Vue3.0 相关的小 Demo，供大家学习和参考。 1、 2、 3、 4、 5、 6、 :open_book: 下面是 Vue3.0 及周边相关文档地址： 相关库名称 在线地址 :link: Vue3.0 官方文档 Vue3.0 中文文档 国内加速版 Composition-API手册 在线地址 Vue3.0 源码学习 在线地址 Vue-Router 官方文档 在线地址 Vuex4.0（目前在 beta 阶段） Github vue-devtools Github(Vue3.0 需要使用最新版本) Vite 源码学习 线上地址 Vite 中文文档 线上地址 :artist_palette: 更新 Vue3.0 版本的 UI 库： 相关库名称 文档地址 :
日期选择组件报错：Invalid prop: type check failed for prop “prop“. Expected String with value
最新发布
zwh2487577416的博客
05-09 309
日期选择组件报错：Invalid prop: type check failed for prop "prop". Expected String with value
[Vue warn]: Invalid prop: type check failed for prop “currentPage“. Expected String with value “1“
qq_44267691的博客
10-10 5620
因为我是把这个currentPage变量存到了localStorage里面，存进去的是int类型，拿出来的就是string类型了，所以再次复制给currentPage变量会有类型冲突。解决方法：将localStorage的数据变量拿出来时转换成int类型就好（ 通过parseInt()函数实现 ），保持前后变量赋值始终一致。出现这个的原因是因为定义的初始currentPage变量为整型，后面赋值时变为了string类型。当然一开始的data()里面定义变量也要为整型。
Invalid prop: type check failed for prop value
热门推荐
niaonao
08-06 10万+
Vue 报错 Invalid prop: type check failed for prop "value" 问题处理
vue报错Invalid prop: type check failed for prop “value“. Expected Array, got String with value ‘‘.
m0_51614469的博客
05-10 8324
vue报错Invalid prop: type check failed for prop “value“. Expected Array, got String with value ''.
控制台警告Invalid prop: type check failed for prop “modelValue“. Expected Number with value 0, got String
Daisy_ls的博客
10-26 1万+
Invalid prop: type check failed for prop "modelValue". Expected Number with value 0, got String with value "0".
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
01-08
1.在写循环的时候遇见这个的 原创文章 96获赞 50访问量 6万+ 关注 私信 展开阅读全文 作者：itwangyang520
官方资料：Oracle 11g中的信息集成.pdf
06-22
官方资料：Oracle 11g中的信息集成 数据集成技术路线图；数据迁移技术；数据联合技术；数据库网关；数据复制技术；流技术:体系架构；ELT技术；OWB；数据清洗；匹配-合并；数据对象设计-统一编辑器；...
解决dbf Failed to parse Number: For input string: "-.---"
04-29
本文将深入探讨标题和描述中提到的问题：“解决dbf Failed to parse Number: For input string: "-.---""”，以及如何在不依赖特定jar包的情况下处理DBF文件。 首先，"Failed to parse Number: For input string: ...
ERROR ITMS-90062: “This bundle is invalid. The value for key CFBundleShortVersionString [1.2] …
01-07
The value for key CFBundleShortVersionString [1.2] in the Info.plist file must contain a higher version than that of the previously approved version [1.15] 明明1.2的版本号要大于1.15，怎么还会出现错误...
TypeError: unsupported format string passed to NoneType.__format__
12-22
Traceback (most recent call last): File "C:/Users/Lenovo/PycharmProjects/untitled3/text6.py", line 49, in printGoodsList(infoList) 序号 价格 商品名称 File "C:/Users/Lenovo/PycharmProjects/...
Invalid prop: type check failed for prop “total“. Expected Number with value x, got String with valu
m0_61849361的博客
08-19 1万+
Invalid prop: type check failed for prop "total". Expected Number with value x, got String with value "x".
Invalid prop: type check failed for prop “value“. Expected String, Number, got Array found
fury的博客
03-15 5689
控制台报错：[Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Array found in。错误翻译：属性无效：属性“值”的类型检查失败。应为字符串，数字，在中找到了数组。查找了报错相关文件，最终查出了问题所在，将数据类型写成了数组型。将改为就可以解决问题。
正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法
wbajsjhhhhh的博客
05-03 4943
正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法
Invalid prop: type check failed for prop “index“. Expected String with value “5“问题解决
qq_30351747的博客
05-04 4073
Invalid prop: type check failed for prop “index”. Expected String with value "5"问题解决 在elementUI导航组件中加入后台数据驱动循环生成导航时会报如下错误 这里的错误是由index引起的，index的值必须是字符串，而且是单一的。 源代码 <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="ha
Invalid prop: type check failed for prop “model“. Expected Object, got String with value ““.
二木成林
03-12 1万+
错误 vue报异常： 原因 v-model绑定的值应该是对象，现在是字符串。 检查代码发现： 解决 v-model绑定的值是什么类型就改为什么类型。 这里还是改为对象，而不是字符串： ...
Invalid prop: type check failed for prop value. Expected String, Number, got Array found in
08-11
回答: 这个错误提示是在控制台报错时出现的。错误信息是"Invalid prop: type check failed for prop 'value'. Expected String, Number, got Array." [1 [2 [3 这个错误告诉我们，在某个组件中，属性'value'的类型检查失败。该属性期望的类型是字符串或数字，但实际获取到的是一个数组。这个问题的解决方法是将属性'value'的值改为字符串或数字类型。123 #### 引用[.reference_title] - *1* [[VUE]报错: Invalid prop: type check failed for prop “value“. Expected String, Number, got Array ...](https://blog.csdn.net/Loery1314/article/details/126597040)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] - *2* *3* [Invalid prop: type check failed for prop value](https://blog.csdn.net/niaonao/article/details/98593460)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值