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

最新推荐文章于 2024-08-30 14:22:27 发布
最新推荐文章于 2024-08-30 14:22:27 发布
阅读量475 收藏
点赞数
文章标签： javascript 前端 开发语言 elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Tiuntel/article/details/129750612
版权

做分页的时候没有给total总条数赋上值，报了这个错：Invalid prop: type check failed for prop "total". Expected Number with value 69544, got String with value "69544"

意识到是返回值类型和我定义的类型不一样导致的，按照提示转下类型即可：

 

 

赋值成功，问题解决

建议大家遇到问题多翻翻官方文档，要快捷很多：

Element - The world's most popular Vue UI framework 

 

Tiuntel
关注
前端开发：遇到提示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 6847
正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法
vue.js:634 [Vue warn]: Invalid prop: type check failed for prop “total“. Expected Number with value
weixin_45832746的博客
04-27 1037
出现这种情况一般是用了element-ui的el-pagination组件，原因大部分是因为将total设置为空字符串导致的。将绑定的total初始值设置为0即可。
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 warn]: Invalid prop: type check failed for prop “total“. Expected Number with value NaN
weixin_48568302的博客
04-13 3385
[Vue warn]: Invalid prop: type check failed for prop “total“. Expected Number with value NaN,got Undefined
[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 “index“. Expected String with value “100“, got Number with
m0_56302604的博客
03-16 1518
在使用element UI 的导航菜单时，菜单数据从后台获取过来后显示，出现错误： 原因： 导航菜单中的index字段要是字符串格式，但是后台数据是number格式，所以才会有以上格式警告。 解决办法： 可以将绑定index字段的数据转换成字符串格式。 vue代码: <el-menu mode="horizontal" :default-active="activePath"> <!-- 一级菜单 --> <el-submenu :index="item.cate_id
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 4283
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 “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".
使用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赋了一个初始值，这个问题就迎刃而解了
Invalid prop: type check failed for prop “total“. Expected Number with value 0, got Array
weixin_48604432的博客
01-26 2216
1.vue报错 原因 引入element表格的时候 总条数的类型错误了， <el-pagination :current-page.sync="currentPage" :page-size="pagesize_value" layout="total,prev, pager, next, jumper,sizes" :total="totalnumber" prev-text="上一页" next-text="下一页" :page-sizes="[15, 20,50,100,200]" @si
[Vue warn]: Invalid prop: type check failed for prop “total“. Expected Number with value 16, got Str
最新发布
山顶听风的博客
08-30 415
[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 “total“. Expected Number with value 14, got String with val
qq_43175672的博客
12-29 645
报错 Invalid prop: type check failed for prop “total”. Expected Number with value 14, got String with value “14”.，后端传来的total是String类型的，而这里需要数字类型的。使用了Element UI 中的分页。
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 1,
Ggome的博客
11-15 3897
min前加上 : 冒号。
iview inputNumber 报错Invalid prop: type check failed for prop "value". Expected Number with value NaN
Xiaoxiao_Zheng的博客
08-01 4956
问题环境： 1 iview form表单，InputNumber 2 重置表单 3 控制台报错 问题： iview 报错，重置表单，会将默认值设置为字符串，而这里的inputNumber值是NaN 解决 ： （1）使用v-if代替v-show,直接初始化数据，不使用重置方法； （2）使用input框，type =number（未测） v-show和v-if的区别 ...
vue报错：Invalid prop: type check failed for prop "total". Expected Number with value 0, got String wit
weixin_44610025的博客
04-13 1万+
vue报错：Invalid prop: type check failed for prop “total”. Expected Number with value 0, got String wit 翻译：vue报错:无效的道具:类型检查失败的道具“总”。值为0的期望值，得到字符串 期望得到的是Number类型，结果给了它个字符串，检查一下数据设置，修改一下就可以了 如图所示，total应该...
Invalid prop: type check failed for prop "total". Expected Number with value 0, got String with value ""
08-09
根据引用和引用的描述，错误提示是"Invalid prop: type check failed for prop 'total'. Expected Number with value 0, got String with value ''"。具体来说，期望的'总数'（total）属性的类型应该是数字类型，值...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值