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

最新推荐文章于 2023-12-28 11:21:09 发布
最新推荐文章于 2023-12-28 11:21:09 发布
阅读量7.1k 收藏 5
点赞数 18
分类专栏： 前端应用 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xplidelphi/article/details/107349643
版权 
之所以出现这个问题是因为少一个冒号，span之前有一个冒号。

<el-col :span=8>
xplidelphi
关注
专栏目录
正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法
wbajsjhhhhh的博客
05-03 6007
正确解决"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 报错Invalid prop: type check failed for prop “span“. Expected Number, with value 2, got String wit
xiaoyuer_2020的博客
08-16 3576
vue 报错Invalid prop: type check failed for prop "span". Expected Number, with value 2, got String wit
vue 报错Invalid prop: type check failed for prop "span". Expected Number,
ghd602338792的博客
05-06 3万+
之前在一个vue输入框填写内容时,无论输入什么都报错,报错信息:Invalid prop: type check failed for prop "span". Expected Number,got String,刚开始以为是输入的内容格式的问题,可是,并没有做校验之类的判断啊,又在其他输入框输入,还是报错; 后来仔细查找问题,发现是在span前面少了:,添加:以后,再无报错...
elementui分页报错Invalid prop:type check failed for prop total.Expected Number with value
qq_38179746的博客
12-09 1万+
使用element-ui的分页时，页面报错 报错：vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop “total”. Expected Number with value NaN, got Function 刚开始在分页里绑定了分页的总数据 <el-paginati...
vue 报错 Invalid prop: type check failed for prop “span“.
奔跑吧代码
07-15 5178
`[Vue warn]: Invalid prop: type check failed for prop "span". Expected Number with value 18, got String with value "18".`
Invalid prop:type check failed for prop“value“.Expected String with value“8“,got Number with value 8
m0_46467215的博客
07-31 3781
[vue]Invalid prop:type check failed for prop"value".Expected String with value"8",got Number with value 8
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 “model“. Expected Object, got String with value “l
weixin_43413645的博客
04-19 4056
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 1008
Vben Admin 如何解决警告 [Vue warn]: Invalid prop: type check failed for prop "api". Expected Function, got Null
Invalid prop：type check failed for prop.Expected String with value“[object Object]”got Object
qq_45796592的博客
08-05 1万+
Invalid prop：type check failed for prop.Expected String with value“[object Object]”got Object bug解决
完美解决 报错 Vue Invalid prop: type check failed for prop “min“. Expected Number with value 1,
xiaohua616的博客
04-20 822
完美解决Invalid prop: type check failed for prop “min“. Expected Number with value 1,
element-ui 组件报错： Vue warn]: Invalid prop: type check failed for prop “min“. Expected Number with
weixin_47152812的博客
10-02 1930
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="排序" ...
vue报错：Invalid prop: type check failed for prop “gutter“. Expected Number with value 100...
初心不改
08-23 2154
vue报错
报错Vue warn]: Invalid prop: type check failed for prop “min“. Expected Number with value 1,
Ggome的博客
11-15 3738
min前加上 : 冒号。
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
热门推荐
niaonao
08-06 10万+
Vue 报错 Invalid prop: type check failed for prop "value" 问题处理
使用element-ui中 Invalid prop: type check failed for prop “total“. Expected Number with value NaN报错详解
weixin_45721912的博客
05-07 1万+
Invalid prop: type check failed for prop “total”. Expected Number with value 0, got String with value “”. 问题重现： 本文使用的是elementUI的框架，在开发时加载页面刷新时出现的报错。 问题分析： 发现报错total值为“”,于是去data属性里面去查看total的变量。发现total默认的值为“”，所以分析可能是没有赋初始值的原因引起的，所以我给total赋了一个初始值，这个问题就迎刃而解了
[Vue warn]: Invalid prop: type check failed for prop "total". Expected Number with value NaN报错详解
咕咕鸡的执着
03-29 1万+
报错：vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop “total”. Expected Number with value NaN, got Function 问题重现： 本文使用的是elementUI的框架，在开发时加载页面刷新时出现的报错。 问题分析：发现是Number的值为...
Invalid prop: type check failed for prop prefixicon. Expected string with value NaN,got number with value NaN.
最新发布
01-11
根据提供的引用内容，你遇到了一个类型错误的问题。报错信息是"Invalid prop: type check failed for prop prefixicon. Expected string with value NaN, got number with value NaN."。这个错误表明你传递的值的类型不正确。期望的类型是字符串，但你传递的是一个NaN的数字值。 解决这个问题的方法是将传递的值改为字符串形式。确保你传递的值是一个有效的字符串，而不是一个NaN的数字值。 以下是一个示例代码，演示如何解决这个问题： ```javascript // 传递一个有效的字符串作为参数 <YourComponent prefixicon="validString" /> // 或者将NaN的数字值转换为字符串 <YourComponent prefixicon={String(NaN)} /> ``` 请注意，根据你的具体情况，你可能需要将上述示例代码中的"YourComponent"替换为你实际使用的组件名称。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值