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

原创 于 2025-01-19 23:09:42 发布 · 1.1k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
GEO检测
收录于
vue-前端

当前文章被收录于：

vue-前端
1 篇文章 0 人学习
订阅专栏 查看详情

创建

赋值

创建的number变量，将string变量赋给的时候没有强制转换，number变量被改变成string变量再赋给value，导致出错。

解决方法，赋值时加个一元加号强行把string转换为number

标签
#前端 #javascript #开发语言
前端开发：遇到提示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 7469
正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法
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“. Expected String, Number, got Array found
fury的博客
03-15 7531
控制台报错：[Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Array found in。错误翻译：属性无效：属性“值”的类型检查失败。应为字符串，数字，在中找到了数组。查找了报错相关文件，最终查出了问题所在，将数据类型写成了数组型。将改为就可以解决问题。
nvalid prop: type check failed for prop “value“. Expected String, Number, got Array found in
Billow_lamb的博客
07-17 2573
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 “index“. Expected String with value “1“, got Numbe
一念执着
01-28 1575
加载菜单的时候报Invalid prop: type check failed for prop "index". Expected String with value "1", got Number with value 1.错误，原因是el-submenu里面的index为number类型，要改为字符串类型。 控制台错误信息: 解决方法: ...
Invalid prop: type check failed for prop value
热门推荐
niaonao
08-06 10万+
Vue 报错 Invalid prop: type check failed for prop "value" 问题处理
Vue warn]: Invalid prop: type check failed for prop "min". Expected Number with value 0, got String
yssa1125001的博客
05-13 1万+
element-ui组件报错： Vue warn]: Invalid prop: type check failed for prop "min". Expected Number with value 0, got String with value "0". 出错位置： <el-form-item label="排序" prop="sort"> <el-input-number v-model="person.sort" contr...
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...
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 warn]: Invalid prop: type check failed for prop “value“. Expected String, Number, got Undefined
qwe122343的博客
08-16 2万+
[Vue warn]: Invalid prop: type check failed for prop “value”. Expected String, Number, got Undefined 这个错误如何解决呢？它没有提到具体是代码的哪一行出现了这个错误，只说了是哪一个 .vue 文件。 经过检索发现这个错误的出现原因一般是组件绑定的值取不到，于是我在这个 .vue 文件中检查发现 <Select v-model="statusModel" class="selectProblemsF..
Mint-UI中Invalid prop: type check failed for prop "value". Expected String, got Array.解决方案
weixin_41346436的博客
12-21 3537
Mint-UI中Invalid prop: type check failed for prop “value”. Expected String, got Array.解决方案 在Mint-ui使用过程中mt-field中嵌套按钮button，通过按钮控制mt-popup的显示隐藏mt-popup有，mt-radio 组件，在这个地方的单选按钮的值需要通过数组，绑定值，分别有label和valu...
Invalid prop: type check failed for prop “router“. Expected Boolean, got String with value “true“.
天道酬勤
09-10 1万+
环境：Vue+ElementUi 描述：在使用ElementUI的菜单导航时报错 错误信息：Invalid prop: type check failed for prop “router”. Expected Boolean, got String with value “true”. 我想使用菜单导航跳转页面，但是发现在将router设置为true时，就出现了这个错误 <el-menu...
Invalid prop: type check failed for prop "centered". Expected Boolean, got String with value "true"
酸酸酱的博客
04-01 2万+
使用Vue + antDesign的时候，出现这个错误 我需要使用的antDesign的组件是modal，官网api介绍为 代码中书写： <a-modal title="手动添加展位" v-model="visible" @ok="hideModal" okText="确认添加" width="600" center...
Vue报错：Invalid prop: type check failed for prop "...". Expected String with value "1", got Number 1
Super__Duan的博客
05-13 1万+
Vue报错：Invalid prop: type check failed for prop “…”. Expected String with value “1”, got Number with value 1 Expected String with value “1”, got Number with value 1 期望的是String类型，但是传的值是Number类型，所以把String转换成Number 换为 ...
[Vue warn]: Invalid prop: type check failed for prop “value“. Expected String with value “1“ 解决办法
loricy7的专栏
08-10 2万+
Vue错误提示： [Vue warn]: Invalid prop: type check failed for prop "value". Expected String with value "1", got Number with value 1. 提示的问题：是数据不匹配，传数的是Number类型 ，而组件需要的是String类型 在这里，需要对数据类型进行强制转换即可，用String()强转。 我实际遇到的问题是： 开发uni-app时，使用checkbox-group多选组..
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
Invalid prop: type check failed for prop "enterable". Expected Boolean, got String with value "fals
sunmeng_sunmeng的博客
10-27 5732
Invalid prop: type check failed for prop “enterable”. Expected Boolean, got String with value “false”. 出现此问题的报错 是因为布尔值要用“：“动态来表示 否则会将布尔值”false”化为字符串形式。 如图下图： 解决方法： 这样就解决了 ...
Invalid prop: type check failed for prop “value“. Expected String, Number, got Array
gaoyu007的博客
07-13 3万+
select改为多选属性，onchange事件报错 报错内容：Invalid prop: type check failed for prop “value”. Expected String, Number, got Array。 原因：relateuserCount在该change事件中有赋值，该属性本身是string类型，prop也是该属性。但是现在复制强制改成数组类型，但是prop并不支持prop为数组类型，prop对应值只能是string或者number，导致报错。 ...
Invalid prop: type check failed for prop “value“. Expected String, Number, got Object found in
littleOneYuan的博客
05-12 5万+
Invalid prop: type check failed for prop “value”. Expected String, Number, got Object found in 报错：无效属性——value属性类型检查失败，期望是字符串或者number或者数组，却是对象。这里的value就是指v-model绑定的值。 原因：先定位，看看是哪一个页面的哪一个组件的问题，这里是select组件绑定值得问题，因为这里初始值是null，所以报错，可以把初始值改为’’，或者0。 注意：进行判断的时候 a
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值