使用element-ui控制台报错el-progress：Invalid prop: custom validator check failed for prop “percentage“

最新推荐文章于 2024-04-17 13:47:30 发布
最新推荐文章于 2024-04-17 13:47:30 发布
阅读量1.8k 收藏
点赞数
分类专栏： ElementUI 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37780367/article/details/107150749
版权

消除掉控制台报错的方法：

添加v-if判断

<el-progress type="line" 
	:percentage="scope.row.duration"
	class="device-progress" :show-text=false
    v-if="!isNaN(parseInt(scope.row.duration))">
</el-progress>
菜鸟圈大当家
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决使用el-progress组件报错
nn_nn_n的博客
05-15 2131
element-ui里使用el-progress组件报错：Invalid prop: type check failed for prop “percentage” 做项目的时候需要实现的一个效果是： 我用的element-ui的el-progress组件渲染的，percentage绑定的数据是后端返回过来的 <el-progress :percentage="adsPer"></el-progress> this.adsPer = parseInt((this.adsPa / t
element-ui里el-progress：Invalid prop: custom validator check failed for prop "percentage"
huanhuan03的博客
01-10 1万+
Invalid prop: custom validator check failed for prop "percentage" 进度条报错，检测不到百分比
[Vue warn]: Invalid prop: custom validator check failed for prop “percentage“ (element ui组件报错)
最新发布
qq_45796592的博客
04-17 1101
[Vue warn]: Invalid prop: custom validator check failed for prop "percentage"报错解决
使用element-ui的进度条报错：custom validator check failed for prop “percentage“.
呆子小木心的博客
11-30 6371
使用element-ui的进度条报错：custom validator check failed for prop “percentage”. 自己使用vue+ts+element-ui编写的一个音乐播放器小组件 出现以下这样的错误： 这个问题是由于dom已经渲染完成了，而数据还没回来，所以组件检测不到这个必传的参数，那就给组件上加一个v-if； 这么一来，控制台是不报错了，但是当计算出的百分值=0的时候，这个0就转化成了false，这个进度条自然就没了，所以： 用isNaN监测，计算出来是不是为数字，
element-ui里el-progress：Invalid prop: custom validator check failed for prop “percentage“
weixin_42785995的博客
11-01 617
<el-progress :text-inside="true" :stroke-width="24" :percentage="parseInt((Online/Total)*100)||0" // 计算百分比 status="success" ></el-progress> //百分比必须为0-100， 否则报错[Vue warn]: Invalid prop:custom validator check failed fo...
Invalid prop: type check failed for prop “content“. Expected String, got Array
qq_30351747的博客
07-21 2729
Invalid prop: type check failed for prop “content”. Expected String, got Array 大概意思就是，人家需要的是字符串，但是你给人家搞成数组了，就会提示这个warn。 报错代码 <el-tooltip class="item" effect="dark" :content="[scope.row.is_admin == true ? '管理员' : '成为管理员']" placement="right-start">
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
01-08
1.在写循环的时候遇见这个的 原创文章 96获赞 50访问量 6万+ 关注 私信 展开阅读全文 作者：itwangyang520
cvc-complex-type.2.4.d: Invalid content was found
12-12
解决 cvc-complex-type.2.4.d: Invalid content was found 具体参考http://henatne.iteye.com/blog/837186
使用mybatis-plus报错Invalid bound statement (not found)错误
09-07
主要介绍了使用mybatis-plus报错Invalid bound statement (not found)错误，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
解决pip install xxx报错SyntaxError: invalid syntax的问题
09-19
今天小编就为大家分享一篇解决pip install xxx报错SyntaxError: invalid syntax的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
windows-build-tools：使用npm安装Windows的C ++构建工具
02-03
使用此一线安装构建工具。 以管理员身份启动PowerShell并运行： npm install --global windows-build-tools 或者，如果您使用的是Yarn： yarn global add windows-build-tools 安装后，npm将自动执行此模块，该...
el-progress进度条报错：Invalid prop: custom validator check failed for prop “percentage“.
qq_33911541的博客
04-10 241
el-progress进度条报错：Invalid prop: custom validator check failed for prop "percentage".
【Element】进度条 el-progress
joanmelon的博客
01-22 6744
通过率
vue项目element ui 组件el-progress控制台报错。Invalid prop:custom validator check failed for prop “percentage“
weixin_73216040的博客
02-14 176
解决控制台报错的方案：style="width: 80%;v-if="!
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/Element-plus Vue报错
qq_41540361的博客
04-28 2413
这篇主要是解决在Vue3.0版本中遇到的element-ui失效报错的问题 element-ui前端组件 一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库，注意，是Vue2.0 安装文档：https://element.eleme.cn/#/zh-CN/component/installation 这样，问题就来了，在Vue3.0中，element-ui会失效甚至报错 并且官方文档里只有一句话模糊说明 所以，element-plus来了 element-plus前端组件 本文档将帮助你从
[Vue warn]: Invalid prop: type check failed for prop "clearable". Expected Boolean, got String 的错误
热门推荐
luzhaopan的博客
08-31 7万+
 为了在单选时能够情况已选择的内容，加了 clearable 这个属性，查看element 官方文档的时候，内容如下图所示，说默认值是 false ，于是加入是对其赋值 true，然后报了下面的错误。   解决的办法是，实际上并不用加 true，直接写上这个clearable就行，看似很简单的问题，有时候也会招不到解决办法，希望看到这篇博文的人有所启发。   ...
ElementUI：使用nav报错Invalid prop: custom validator check failed for prop “index“.
KaiSarH
01-06 1025
使用nav报错Invalid prop: custom validator check failed for prop "index".
vue3+vite安装element-plus报错解决
一个超爱喝可乐的web前端攻城狮
11-17 5505
vue3+vite安装element-plus报错解决 1,运行项目时 控制台报错 解决方法 1删除 node_modules文件夹和 package-lock.json 2修改 package.json 3修改vue版本号必须为3.2.2以上 4 重新install i 但是要加上–force 强制安装 否则会报错 npm i --force element-plus找不到index.css中问题 在main.js 解决 解决思路也很简单，既然自己已经安装了element-plus依赖，却找不到文
a-range-picker 报错 Invalid prop: custom validator check failed for prop "value".
09-05
a-range-picker报错"Invalid prop: custom validator check failed for prop 'value'."是因为组件的value属性未通过自定义验证器的检查。 根据引用，当出现这个错误时，首先要找到报错的组件，然后检查是否绑定了值，并且要确保绑定的数据类型与验证器一致。 引用中提到，在使用ant Design Vue中的日期区间选择器时，也出现了相同的错误。在该情况下，经过检查发现日期选择器的绑定值是一个数组。这表明，在使用a-range-picker时，我们需要将值绑定为一个数组，否则无法匹配。因此，我们需要检查我们的a-range-picker组件的值是否是一个数组。 综上所述，要解决a-range-picker报错"Invalid prop: custom validator check failed for prop 'value'."的问题，我们需要确保该组件绑定了值，并且该值的数据类型是一个数组。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [element-ui 报错Invalid prop: custom validator check failed for prop “index“.](https://blog.csdn.net/SmartJunTao/article/details/124093054)[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_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [【Ant Desgin ARange BUG】ARangePicker组件报错Invalid prop: custom validator check failed for prop ...](https://blog.csdn.net/qq_44933075/article/details/121988631)[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_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值