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

最新推荐文章于 2024-10-15 07:00:00 发布
原创 最新推荐文章于 2024-10-15 07:00:00 发布 · 540 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript #前端 #开发语言 #elementui
在进行分页功能开发时遇到了一个错误，提示total属性预期为Number类型但接收到的是String类型。通过将返回值转化为Number类型解决了这个问题，强调遇到类似问题时应多参考官方文档，能快速找到解决方案。

做分页的时候没有给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
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...
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".
记一次vue数据类型报错，控制台显示需要int类型，而传输了string类型
星空的日常博客，希望日常能给你帮助
02-28 2214
记一次vue数据类型报错，控制台显示需要int类型，而传输了string类型，错误为Invalid prop: type check failed for prop "pageSize". Expected Number with value 3, got String with value "3".
[Vue warn]: type check failed for prop "value". Expected Number with value 0, got String with value
dingdingV587的博客
09-24 5358
[Vue warn]: type check failed for prop “value”. Expected Number with value 0, got String with value@TOC 报错警告： [Vue warn]: Invalid prop: type check failed for prop “value”. Expected Number with value ...
[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的值为...
vue.js:634 [Vue warn]: Invalid prop: type check failed for prop “total“. Expected Number with value
weixin_45832746的博客
04-27 1097
出现这种情况一般是用了element-ui的el-pagination组件，原因大部分是因为将total设置为空字符串导致的。将绑定的total初始值设置为0即可。
[Vue warn]:  type check failed for prop “value“. Expected Number with value 0, got String with value
flting1017的博客
03-05 6万+
报错警告： [Vue warn]: Invalid prop: type check failed for prop "value". Expected Number with value 0, got String with value "". 中文意思是： [Vue warn]：无效的属性：属性“value”的类型检查失败。需要值为0的数字，得到值为“”的字符串。 出错原因： 我使用...
使用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 “modelValue“. Expected Number with value 0, got String
Daisy_ls的博客
10-26 1万+
Invalid prop: type check failed for prop "modelValue". Expected Number with value 0, got String with value "0".
vue Invalid prop: type check failed for prop Expected Number
走错路的程序员
05-20 2万+
项目中自己用 Vue 封装了一个分页工具条. 但是最近却总是报这个错误. vue.js:634 [Vue warn]: Invalid prop: type check failed for prop “pageindex”. Expected Number with value NaN, got MouseEvent 分页工具条的代码贴一下如下, (全当分享了. 此问题跟分页工具条的代码无关.) VuePagebar.js的代码 Vue.component('v-pagebar', { //mo
[Vue warn]: Invalid prop: type check failed for prop “pageSize“. Expected Number with value NaN
最新发布
XING的博客
10-15 835
pageSize属性期待数据类型为Number，值为NaN没有被定义。分析可知，没有给total赋初始值的原因，给total赋初始值，问题就解决了。使用的elementUI框架(分页)，在加载页面时出现以上报错信息。
报错Vue warn]: Invalid prop: type check failed for prop “min“. Expected Number with value 1,
Ggome的博客
11-15 4023
min前加上 : 冒号。
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 “multipleLimit“. Expected Number with value 1,
新技术革命
09-16 2870
原本是这样写的，控制台就会报标题的错误 <el-select class="select" v-model="ruleForm.defaultlanguageid" multiple multiple-limit=1 placeholder=""> <el-option v-for="item in deflanguageoptions" :key="item.id" :label="item.lang
Vue：type check failed for prop “pageSize“. Expected Number with value xx 问题
weixin_45669234的博客
08-02 1512
直接page-size=4也会判断成pageSize="4"（字符串）page-size前若不加不能绑定变量size，
解决报错Invalid prop: failed for prop “value“. Expected Number with value 0, got String with value ““
qq_45094682的博客
05-14 1788
vue报错解决，[Vue warn]: Invalid prop: type check failed for prop “value”. Expected Number with value 0, got String with value “”. 不知道错误的宝子们，先给你们翻译一下 无效的道具：道具“value”的类型检查失败。 预期值为 0 的数字，却得到值为空的字符串“”
[Vue warn]: Invalid prop: type check failed for prop “total“. Expected Number with value NaN
weixin_48568302的博客
04-13 3476
[Vue warn]: Invalid prop: type check failed for prop “total“. Expected Number with value NaN,got Undefined
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值