Invalid prop: type check failed for prop “value“. Expected String, Number, got Object found in

最新推荐文章于 2024-08-30 14:22:27 发布
最新推荐文章于 2024-08-30 14:22:27 发布
阅读量4.9w 收藏 4
点赞数 14
分类专栏： 常见控制台bug fixed 文章标签： 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37604640/article/details/116705299
版权

Invalid prop: type check failed for prop “value”. Expected String, Number, got Object found in

在这里插入图片描述

报错：无效属性——value属性类型检查失败，期望是字符串或者number或者数组，却是对象。这里的value就是指v-model绑定的值。

原因：先定位，看看是哪一个页面的哪一个组件的问题，这里是select组件绑定值得问题，因为这里初始值是null，所以报错，可以把初始值改为’’，或者0。

注意：进行判断的时候 a === undefined / a === null / a === ‘’ 都可以直接用 !a 代替

蒲公英想养花
关注
专栏目录
前端开发：遇到提示Invalid prop：type check failed for prop “modelValue“. Expected Number…的解决方法
软贱开发攻城狮
04-04 1万+
前言 在Vue开发中，经常会遇到一些很共性的报错提示，而且有时候提示已经很明确的告诉开发者问题出现在哪里，尤其是在Chrome的控制台输出上面，只要看一下输出日志就知道问题所在。但是对于一些刚入行的开发者来说，看日志的意识还没有养成，需要借助外力来解决问题，这样不是不可以，主要是要学会看输出的日志以及提示，这样才能很好的“对症下药”。本篇博文主要是分享一下查看日志的方法，根据日志来解决警告或者报错提示，分享给有需要的人，这里以一个常见的报错为切入点来讲解。 警告提示 在运行项目之后，Chrom
正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法
wbajsjhhhhh的博客
05-03 6046
正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法
[Vue warn]: Invalid prop: type check failed for prop “value“. Expected String, Number, got Array
Liuliu_x的博客
04-28 2027
[Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Array found in ---> <ElInput> at packages/input/src/input.vue <ElTableBody> <ElTable> at packages/table/src/table.vue ...
[Vue warn]: Invalid prop: type check failed for prop “total“. Expected Number with value 16, got Str
最新发布
山顶听风的博客
08-30 209
[Vue warn]: Invalid prop: type check failed for prop "total". Expected Number with value 16, got String with value "16".从报错信息可以看出，是记录总数类型不匹配问题。后端的 Long 型 会以字符串形式传到前端。
Invalid prop: type check failed for prop “value“. Expected String, Number, got Array found
fury的博客
03-15 6369
控制台报错：[Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Array found in。错误翻译：属性无效：属性“值”的类型检查失败。应为字符串，数字，在中找到了数组。查找了报错相关文件，最终查出了问题所在，将数据类型写成了数组型。将改为就可以解决问题。
Invalid prop: type check failed for prop “value”. Expected String, Number, got Array
gaoyu007的博客
07-19 5万+
报错内容：Invalid prop: type check failed for prop “value”. Expected String, Number, got Array。 原因：relateuserCount在该change事件中有赋值，该属性本身是string类型，prop也是该属性。但是现在复制强制改成数组类型，但是prop并不支持prop为数组类型，prop对应值只能是string或者number。导致报错。 select 多选、远程搜索都有，参考官方示例。 如果el-option是v-fo
Invalid prop: type check failed for prop value
热门推荐
niaonao
08-06 10万+
Vue 报错 Invalid prop: type check failed for prop "value" 问题处理
nvalid prop: type check failed for prop “value“. Expected String, Number, got Array found in
Billow_lamb的博客
07-17 2400
data(){ return { this.value:"" } } // 在最后面拼接join() methods:{ // 事件 getVlaue(){ let obj1 = [] let obj3 = [] let obj2 = [] this.value = (([...new Set(this.obj3)]).concat(( [...new Set(this.obj2)])).concat(([...new Set(this.obj1)])))
vue表单验证中 Invalid prop: type check failed for prop “model“. Expected Object, got String with value “l
weixin_43413645的博客
04-19 4077
4/19 在写vue项目注册页面中rules规则的时候，反复验证prop和rules中值相同的情况下，运行一直产生报错 <template> <div> <div id="register" class="box" > <h3>注册登录页面</h3> <el-form ref="ruleform" :rules="rules" model="loginForm" label-width="20%"> .
Vben Admin [Vue warn]: Invalid prop: type check failed for prop “api“. Expected Function, got Null
qq_51536454的博客
12-28 1016
Vben Admin 如何解决警告 [Vue warn]: Invalid prop: type check failed for prop "api". Expected Function, got Null
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...
[VUE]报错: Invalid prop: type check failed for prop “value“. Expected String, Number, got Array found
Loery1314的博客
08-30 1万+
控制台报错：[Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Array found in。错误翻译：属性无效：属性“值”的类型检查失败。应为字符串，数字，在中找到了数组。查找了报错相关文件，最终查出了问题所在，将数据类型写成了数组型。...
Invalid prop: type check failed for prop "value". Expected String, Number, got Object found in
qq_38933238的博客
07-02 5万+
字面意思：无效属性：属性值类型检查失败。 预期是字符串，数字，但是得到对象。 以下是报错信息 vue.runtime.esm.js?2b0e:601 [Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Object found in ---> <E...
[Vue warn]: Invalid prop: type check failed for prop "value". Expected Number, got String.
MrZhang的博客
11-21 6862
最近项目前端开发，使用了比较酷的Vue，描述一下小白遇到的问题 1.异常描述： 警告：[Vue warn]: Invalid prop: type check failed for prop "value". Expected Number, got String. [Vue warn]:无效的道具:类型检查失败的道具“值”。期望数字，得到字符串。 该异常是一个警告，不解决也不影响效...
[Vue warn]: Invalid prop: type check failed for prop “value“. Expected
m0_51152244的博客
07-28 7814
解决： [Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Array
vue报错Invalid prop: type check failed for prop “value“. Expected String, Number, got Array
weixin_45102492的博客
03-06 2万+
在使用elementui的下拉框时控制台报如下错误。虽然报错但是不影响页面的使用，但是看到报错，心里很不舒服。 [Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Array found in ---> <ElInput> at packages/input/src/input.vue <ElFormItem> at packa
vue 报错 Invalid prop: type check failed for prop "value". Expected String, Number, got Undefined
不积跬步何以至千里
07-24 7296
不同场景出不同解决方案 问题出现场景：由于是地址栏传参 所以刷新当前接收参数的页面 导致 报Invalid prop: type check failed for prop “value”. Expected String, Number, got Undefined 错误 解决结果：vue 刷新页面地址栏参数消失 再重定向一下该页面就好了 ...
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 ]
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值