Invalid prop: type check failed for prop “percentage“. Expected Number with value NaN, got Function

最新推荐文章于 2024-05-14 16:03:56 发布
最新推荐文章于 2024-05-14 16:03:56 发布
阅读量3.1k 收藏
点赞数 1
分类专栏： 报过滴错 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43606967/article/details/122087562
版权

报错：vue.js:634 [Vue warn]: Invalid prop: type check failed for prop “percentage”. Expected Number with value NaN, got Function
因为 没赋初始值

{
	name: '在编',
    num: '',
    percentage: Number,  //报错
    color: '#867DFF'
},
{
	name: '在编',
    num: '',
    percentage: 0,  //修改
    color: '#867DFF'
},
e神还是心头好
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端开发：遇到提示Invalid prop：type check failed for prop “modelValue“. Expected Number…的解决方法
软贱开发攻城狮
04-04 1万+
前言 在Vue开发中，经常会遇到一些很共性的报错提示，而且有时候提示已经很明确的告诉开发者问题出现在哪里，尤其是在Chrome的控制台输出上面，只要看一下输出日志就知道问题所在。但是对于一些刚入行的开发者来说，看日志的意识还没有养成，需要借助外力来解决问题，这样不是不可以，主要是要学会看输出的日志以及提示，这样才能很好的“对症下药”。本篇博文主要是分享一下查看日志的方法，根据日志来解决警告或者报错提示，分享给有需要的人，这里以一个常见的报错为切入点来讲解。 警告提示 在运行项目之后，Chrom
Invalid prop: type check failed for prop “percentage“. Expected Number with value 2.06, got String w
weixin_44273026的博客
12-06 3632
Invalid prop: type check failed for prop “percentage”. Expected Number with value 1.72, got String with value “1.72”. percentage里面的数据是number类型 <el-progress v-if="e.totalCount > 0" style="width: 50%" :text-inside="true" :stroke-width="20" :percentag
❤ el-progress 遇到 Invalid prop: type check failed for prop “percentage“. Expected Number with value 2
林太白
04-23 1197
❤ el-progress 遇到 Invalid prop: type check failed for prop “percentage“. Expected Number with value 2.06, got String with value
解决报错Invalid prop: failed for prop “value“. Expected Number with value 0, got String with value ““
最新发布
qq_45094682的博客
05-14 597
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 “percentage“.Expected Number with value 0.46, g
qq_38648458的博客
07-06 7585
percentage里面的数据是number类型 <el-progress v-if="e.totalCount > 0" style="width: 50%" :text-inside="true" :stroke-width="20" :percentage="((e.fullMarksCount / e.totalCount*100).toFixed(2))"> </el-progress> 添加 parseFloat <el-progress v-if=".
使用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页面出现报错：Invalid prop: type check failed for prop “offset“. Expected Number with value 12, got Stri
yuxuan89814的专栏
10-20 788
vue el-col 使用出现报错：Invalid prop: type check failed for prop "offset". Expected Number with value 12, got Stri
报错Vue warn]: Invalid prop: type check failed for prop “min“. Expected Number with value 1,
Ggome的博客
11-15 3618
min前加上 : 冒号。
element-ui报错 custom validator check failed for prop "percentage"
肖肖肖丽珠的博客
05-05 1万+
<el-progress :percentage="50" status="exception"></el-progress> 原因是因为percentage的值是数字0-100。当值大于100的时候就会报上面的错误。
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: custom validator check failed for prop "XXX".
热门推荐
weixin_39015132的博客
11-02 4万+
前言 表单表单，开发后台尽是表单。话不多说，先看看问题吧。 开始 这个项目呢，是使用了iView UI框架。开始查找网上类似的问题。type排查了一遍，最后发现是Input组件的type赋值为number。而官方支持的呢，如下 好吧~ 开发中遇到各种各样的大问题小问题是难免的，关键是我们在遇到问题时，如何去解决问题。 总结 遇到问题，分析问题，解决问题，总结问题。 很多...
Invalid prop: type check failed for prop “xx“. Expected Number with value xx, got String with value
what to say
08-18 4324
vue使用使用element组件的时候遇到这个问题，虽然不影响使用，但控制台会报错。 原代码：<el-backtop right=35></el-backtop> 解决方法：参数前加冒号 <el-backtop :right=35></el-backtop>
Invalid prop: type check failed for prop “uage“. Expected Number with value 1, String with value “1“
qq_54180801的博客
08-07 1294
Invalid prop: type check failed for prop "uage". Expected Number with value 1, String with value "1"
Invalid prop: type check failed for prop “content“. Expected String with value “0“, vue 警告
pengju12345的博客
06-08 2092
Invalid prop: type check failed for prop "content". Expected String with value "0"报错
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解决
vant进度条框架报错,百家云移动端h5点播SDK, 二维码分享
weixin_48210599的博客
08-28 707
vant进度条框架报错 错误信息：Invalid prop: type check failed for prop “percentage”. Expected Number, 网上查找问题原因： 1，因为vant进度条中的percentage是设置百分比的，所以他不可以大于100，把这个percentage这个设置为小于100的就可以了，我设了这种方法，但是貌似不太管用，所以我就去查了第二个方法 2，因为没渲染你就获取数据，所以出现的报错，加上v-if就可以了 <van-progress v-if
Vue错误[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got String
熟悉JS拼写的FE
09-15 1万+
Vue-常见错误[Vue warn]: Invalid prop: type check failed for prop “data”. Expected Array, got String 前言:项目中遇见 Invalid prop…Expected XXX, got XXX。像这样的错误一般是同一类型的错误，是数据类型没给对,你给的值和组件需要的数据类型不一致 错误截图 以上就是报错信息 错误分析 报错信息的意思是：无效的命名数据:“数据”类型检查失败。期望数组，得到字符串/对象， 已经很明
[Vue warn]: Invalid prop: type check failed for prop "value". Expected Number, got String.
MrZhang的博客
11-21 6778
最近项目前端开发，使用了比较酷的Vue，描述一下小白遇到的问题 1.异常描述： 警告：[Vue warn]: Invalid prop: type check failed for prop "value". Expected Number, got String. [Vue warn]:无效的道具:类型检查失败的道具“值”。期望数字，得到字符串。 该异常是一个警告，不解决也不影响效...
Invalid prop: type check failed for prop "percentage". Expected Number with value NaN, got String with value "0%".
08-28
根据引用和引用的信息，这个错误是因为在组件中给属性"percentage"传递了错误的数据类型。预期是一个数值类型(Number)，但实际传递的是一个字符串类型(String)。类似地，引用中的错误是因为给"percentage"属性传递了一个函数类型(Function)，而不是预期的数值类型。如果你想设置一个初始值为1.72的"percentage"属性，你需要将其改为数字类型。类似地，如果你想设置一个初始值为0的"percentage"属性，你需要将其改为数字类型。另外，在引用中的代码中，使用了parseFloat函数来将字符串转换为浮点数类型。这有助于确保将正确的数据类型传递给"percentage"属性。所以，如果你想将一个字符串类型的百分比值转换为数值类型，请使用parseFloat函数。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Invalid prop: type check failed for prop “percentage“. Expected Number with value 2.06, got String...](https://blog.csdn.net/weixin_44273026/article/details/121740509)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [Invalid prop: type check failed for prop “percentage“. Expected Number with value NaN, got ...](https://blog.csdn.net/weixin_43606967/article/details/122087562)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值