Form表单二级联动功能正常，报错Invalid prop: type check failed for prop "value". Expected String, Number, got Null

最新推荐文章于 2023-12-28 11:21:09 发布
最新推荐文章于 2023-12-28 11:21:09 发布
阅读量2.7k 收藏
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/deciduous_leaves/article/details/105289374
版权

这里是用iview组件做一个二级联动，接口返回的数据是一个二维数组，而且选择一级的某些项是不报错的，但是报错的项二级下拉菜单的数据也是有的，感觉功能上没问题，但就是报错。网上搜索说是因为数据的某个值没有，经过仔细排查，发现报错的项获取到的二级菜单中的某些值为null

所以报[Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Null 这种错，基本是页面在渲染的时候绑定获取的某些值找不到或者为空，要花时间仔细找找。

李子栗子麗
关注
正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法
wbajsjhhhhh的博客
05-03 5948
正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法
前端开发：遇到提示Invalid prop：type check failed for prop “modelValue“. Expected Number…的解决方法
软贱开发攻城狮
04-04 1万+
前言 在Vue开发中，经常会遇到一些很共性的报错提示，而且有时候提示已经很明确的告诉开发者问题出现在哪里，尤其是在Chrome的控制台输出上面，只要看一下输出日志就知道问题所在。但是对于一些刚入行的开发者来说，看日志的意识还没有养成，需要借助外力来解决问题，这样不是不可以，主要是要学会看输出的日志以及提示，这样才能很好的“对症下药”。本篇博文主要是分享一下查看日志的方法，根据日志来解决警告或者报错提示，分享给有需要的人，这里以一个常见的报错为切入点来讲解。 警告提示 在运行项目之后，Chrom
[Vue warn]: Invalid prop: type check failed for prop “value“. Expected String, Number, got Null.
weixin_39818813的博客
07-14 2277
错误场景： vue 渲染下拉框的时候报这个错，value传了个空 报错内容： [Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Null. 代码： <Select v-model="form.merchant" @on-change="changeWholeLink" clearable> <Option v-for="item inMercha
type check failed for prop “value“. Expected String, Number, got Null.
weixin_39818813的博客
12-21 3190
vue项目渲染from表单的时候报错： type check failed for prop "value". Expected String, Number, got Null. 这种情况大多出现在Select下拉框中，是由于渲染项目含有null，例如： <FormItem prop="inventorybbcClearanceCode" label="配置1210清关申报主体"> <Select v-model="form.inventorybbcClearan
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 “image“. Expected String, got Null.
资深程序员，曾自学JAVA，C#，如今从业于网安行业
11-14 2936
这里翻译过来就是image属性应该为String，但是为null 就是这里，两种原因，第一种，oss的impl实现层路径写错了 第二种，你的头像没加载出来，像这样： ok，完美解决！
[Vue warn]: Invalid prop: type check failed for prop "image". Expected String, got Null.
牧牛人Alec
08-03 2707
问题：上次头像成功，但是浏览器中无法显示，数据库中有显示，阿里云oss中也有显示。 浏览器控制台报错如下： [Vue warn]: Invalid prop: type check failed for prop "image". Expected String, got Null. 百度翻译如下： 大概意思： image期待的是字符串，但是现在为空。 报错信息如下如图： ...
Vben Admin [Vue warn]: Invalid prop: type check failed for prop “api“. Expected Function, got Null
最新发布
qq_51536454的博客
12-28 998
Vben Admin 如何解决警告 [Vue warn]: Invalid prop: type check failed for prop "api". Expected Function, got Null
vue表单验证中 Invalid prop: type check failed for prop “model“. Expected Object, got String with value “l
weixin_43413645的博客
04-19 4044
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%"> .
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...
验证规则时出现的问题：Invalid prop: type check failed for prop “rules“. Expected Object, got String with value
zhangyysp的博客
12-23 1万+
验证规则对象在标签中的写法是:rules="formDataRules" 前面的冒号绑定不能丢不然会出现上面的问题 在data中定义： formDataRules:{ goods_name: [ { required: true, message: '请输入商品名称', trigger: 'blur' }], goods_price:[ { required: true, message: '请输入商品价格', trigger:
Invalid prop: type check failed for prop “value“. Expected String, Number, got Object found in
littleOneYuan的博客
05-12 4万+
Invalid prop: type check failed for prop “value”. Expected String, Number, got Object found in 报错：无效属性——value属性类型检查失败，期望是字符串或者number或者数组，却是对象。这里的value就是指v-model绑定的值。 原因：先定位，看看是哪一个页面的哪一个组件的问题，这里是select组件绑定值得问题，因为这里初始值是null，所以报错，可以把初始值改为’’，或者0。 注意：进行判断的时候 a
iview选择器数据从后台获取时,报错 Invalid prop: type check failed for prop “value“.
LanseMOgang的博客
10-10 205
iview选择器在使用外部获取的数据时报错 Invalid prop: type check failed for prop "value".
Invalid prop: type check failed for prop “value“. Expected String, Number, got Array问题解觉及查找
wh20141212的博客
06-10 666
写了一个vue封装组件一直报这个错误 找了很久真的头秃 在网上找了很多方法不对 后来经过持久奋斗，灵光一闪，终于找到了问题 用的select组件 绑定了两个参数 v-model 值 及multiple值 ，看下图 所以总结一下 错误原因主要是，绑定的值类型也要查看是否跟其他参数相匹配，否则会一直报错 踩坑记录~~ 完结~~~ 撒花~~~ ...
vue常见错误：Invalid prop: type check failed for prop “data“. Expected Array, got String with value‘‘ ‘‘
Lamour99的博客
08-02 8835
这个错误的意思是说：无效的命名数据:“数据”类型检查失败。期望数组，而不是字符串 解决方案： 因为返回的是一个数组，而我们绑定的变量是字符类型，修改变量类型即可
vue中iview框架下select选择器渲染的时候报警告Invalid prop: type check failed for prop "value". Expected String, Numb...
anli2302的博客
08-29 1459
问题起因: 在一个选择器里 出了问题! <Form-item label="节点"> <Select v-model="formItem.select" placeholder="请选择节点" filterable> <Option @on-change="selectValue" v-for="item in mySelec...
解决报错type check failed for prop "name"
weixin_45543192的博客
11-07 4221
当出现[Vue warn]: Invalid prop: type check failed for prop “name”. Expected String with value “null”, got Null found in 原代码 报错原因 由于name传入的为null类型，不是字符串类型 解决办法 传入的值后面拼了一个空字符串，自动转成了字符串，解决！！！ ...
解决vue.esm.js:578 [Vue warn]: Invalid prop: type check failed for prop “value“. Expected String, Numb
请告诉他
10-21 821
解决 vue.esm.js:578 [Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Undefined.
iview model报错 type check failed for prop "footerHide". Expected Boolean, got String with value true
wjm0519的博客
09-04 2166
在iview model组件中是使用footerHide 取消底部显示一直报错Invalid prop: type check failed for prop "footerHide". Expected Boolean, got String with value "true". 原始代码 经过查询资料发现写法错误需要在footer-hide前面加上 " ： " 错误解除 ...
报错Invalid prop: type check failed for prop "value". Expected Number, String, got Object
10-11
这个错误提示表明在你的代码中，一个属性（prop）"value" 的类型检查失败，因为预期类型是 Number 或 String，但实际传递的是一个 Object 对象。 要解决这个问题，你可以检查代码中使用到该属性的地方，找出传递给该属性的值是否正确。确保传递给 "value" 属性的类型符合预期的要求，即为 Number 或 String 类型。 如果你需要将一个对象作为值传递给 "value" 属性，你需要在传递之前对对象进行处理，以将其转换为 Number 或 String 类型的值。这可以通过调用对象的某个属性或方法来实现。 请注意，具体的解决方法可能会因你在代码中使用该属性的方式而有所不同。如果你能提供更多的代码或上下文信息，我将能够给出更准确的建议。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值