custom validator check failed for prop "percentage".

最新推荐文章于 2024-04-23 09:40:23 发布

原创最新推荐文章于 2024-04-23 09:40:23 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

本文解析了在使用Vue和Element UI的进度条组件时遇到的customValidatorCheckFailedForProp错误。错误源于进度条属性percentage的值超出0到100的范围，通过调整接口返回的百分比值，成功解决了这一问题。

用的element 跟vue 进度条报错custom validator check failed for prop "percentage".
查的都是空格啥的我这不是
最后看文档发现这个属性取值范围是0——100；然而我从接口拿到的是400%多
所以报这个错修改下就好了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

暴走银

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Invalid prop: custom validator check failed for prop “index“

carbonzhao的专栏

11-16

1535

在进行Web前端开发使用elementUI时，因为el-menu-item是动态加载的，不是页面写死，进行(item,index) in array 遍历动态设置el-menu-item的index时，一直提示Invalid prop: custom validator check failed for prop "index"，并且选中状态不正确显示！从提示上来看，就是检测的类型不匹配，经过查阅官方文档给出的demo：el-menu-item的index为string类型，不是int类型！ &

页面console控制台报错 [Vue warn]: Invalid prop: custom validator check failed for prop “status“

weixin_48986139的博客

06-16

720

调试项目过程中遇到Invalid prop: custom validator check failed for prop “status”## 首先是一脸懵逼，去找了prop也没有status，实在想不通咋回事，通过全局搜索status 明白了是样式组件的问题，由于公司保密性不放真是代码模拟一下啊 <el-progress :percentage="stepPercentage(item.step)" status=" success"></el-progress>

参与评论您还未登录，请先登录后发表或查看评论

[element-ui] 报错 custom validator check failed for prop “percentage“

qq_14993591的博客

06-09

498

[element-ui] 报错 custom validator check failed for prop "percentage"

[Vue warn]: Invalid prop: custom validator check failed for prop “percentage“ (element ui组件报错)

qq_45796592的博客

04-17

4538

[Vue warn]: Invalid prop: custom validator check failed for prop "percentage"报错解决

custom validator check failed for prop “percentage“.

我的博客

05-14

704

element 的 el-progress 控件percentage属性的数值要在0-100之间

使用element-ui的进度条报错：custom validator check failed for prop “percentage“.

呆子小木心的博客

11-30

6626

使用element-ui的进度条报错：custom validator check failed for prop “percentage”. 自己使用vue+ts+element-ui编写的一个音乐播放器小组件出现以下这样的错误：这个问题是由于dom已经渲染完成了，而数据还没回来，所以组件检测不到这个必传的参数，那就给组件上加一个v-if；这么一来，控制台是不报错了，但是当计算出的百分值=0的时候，这个0就转化成了false，这个进度条自然就没了，所以：用isNaN监测，计算出来是不是为数字，

Invalid prop: custom validator check failed for prop "percentage".

09-01

根据引用，报错"Invalid prop: custom validator check failed for prop 'percentage'"是因为传给组件的percentage属性值超过了它的取值范围0-100。根据引用，解决方法是使用三目运算符来对超过100的值进行处理，将...

rn]: Invalid prop: custom validator check failed for prop "percentage".

最新发布

05-15

好的，我现在要解决用户在Vue或JavaScript中遇到的“Invalid prop: custom validator check failed for prop 'percentage'”错误。首先，我需要理解这个错误的原因。根据用户提供的引用信息，这个错误通常发生在使用...

element组件库报custom validator check failed for prop "percentage".

12-02

出现这个错误的原因是因为在使用element-ui环形进度条时，传入的percentage属性值不符合要求，导致自定义验证器检查失败。具体来说，可能是传入的值不是百分比数字，或者超过了100。解决方法如下： 1. 确保传入的...

报错： Invalid prop: custom validator check failed for prop “percentage“

qq_33911541的博客

01-31

8067

报错： Invalid prop: custom validator check failed for prop "percentage"

页面报错：Invalid prop: custom validator check failed for prop “percentage“.

张张张的博客

08-09

1万+

问题：每次刷新页面报错Invalid prop: custom validator check failed for prop “percentage“，但是不影响项目运行。解决方法：在<el-progress></el-progress>里边添加一个v-if的判断，判断一下你要的数据是否存在。 <el-progress :percentage="percentage" v-if="!isNaN(parseInt(percentage))">&l...

Vue项目报错：[Vue warn]: Invalid prop: custom validator check failed for prop “percentage“.

前端笔记——放弃很容易,但坚持一定很酷

04-23

1275

percentage 的值非法导致，percentage 只能为 0-100的数字，超过或者小于这个范围都会报错，通常percentage的值是由计算生成，我这里因为取值的undefined导致计算后的percentage值为NAN，所以报错。首先确保计算时，分子和分母的取值无误，不能为undefined或null等其他的，其次添加判断，当percentage值大于或小于0-100的范围时，重置为0-100合理范围的值。在vue项目中使用 Elementui 的进度条组件 el-progress 时报错。

el-progress进度条报错：Invalid prop: custom validator check failed for prop “percentage“.

qq_33911541的博客

04-10

744

el-progress进度条报错：Invalid prop: custom validator check failed for prop "percentage".

关于vant组件中van-progress的Invalid prop: custom validator check failed for prop “percentage“报错

thirteen_king13的博客

03-18

1561

在 vue 移动端项目中使用 vant 组件中的进度条出现如下报错虽然在使用中并未发现影响，且进入条也会正常步进。为了解决这个报错，可以在<van-progress></van-progress> 中添加一个判断条件控制该元素的显示与隐藏，来解决报错的问题。 v-if="!isNaN(parseInt(percentage))" 添加之后将不再报错。 <van-progress :percentage="currentPercentage" v-if="!is

custom validator check failed for prop "percentage"

weixin_30752377的博客

05-13

245

我通过computed计算的persent,在页面渲染的时候报这个错误,搜索百度都是写的时候有空格引起的,但是我的不是,后来后来是想了想,是不是因为跟图片似的还没渲染然后就获取数据导致的错误,然后我就加了一个v-if 问题解决转载于:https://www.cnblogs.com/zhaocainiao/p/10854913.html...

Invalid prop: custom validator check failed for prop “percentage

活宝小娜的博客

09-21

713

这是因为percentage的取值范围为0-100。

element-ui报错 custom validator check failed for prop "percentage"

肖肖肖丽珠的博客

05-05

1万+

<el-progress :percentage="50" status="exception"></el-progress> 原因是因为percentage的值是数字0-100。当值大于100的时候就会报上面的错误。

element-ui里el-progress：Invalid prop: custom validator check failed for prop "percentage"