报错： Invalid prop: custom validator check failed for prop “percentage“
报错： Invalid prop: custom validator check failed for prop "percentage"
·
报错是因为percentage的范围是0-100，当页面数值大于100的时候就会报错；
第一种方案：可以使用三元预算符将大于100的就把圆环/直线行进度条设置100%
<el-progress
:percentage="electricData.mom>100? 100 : electricData.mom"
</el-progress>第二种方案：在第一种的基础上还可以使用组件参数format方法单独修改进度条文字内容
<el-progress
:percentage="electricData.mom>100? 100 : electricData.mom"
:format="getFormat(parseFloat(electricData.mom))"
</el-progress>
methods:{
getFormat(value){
return () => {
return value + '%'
}
}
}
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
2
0- 0
已为社区贡献1条内容
所有评论(0)