报错是因为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 + '%'
}
}
}