问题描述:
在使用element-ui中的el-progress组件时,要绑定:percentage="值为number类型",当绑定值大于100时,控制台报 Validator 验证器方面的错误
原因:
:percentage="值为number类型",且绑定值不能大于100 !
<el-progress
:percentage="parseInt(value) > 100 ? 100 : parseInt(value)"
></el-progress>
解决办法:
- :percentage="value" value 要为Number类型
- 通过三元表达式对取值范围进行动态展示,value小于100时显示value本身;大于100时显示100用于进度条的正常展示
<el-progress
:percentage="parseInt(value) > 100 ? 100 : parseInt(value)"
></el-progress>
总结:
真是让人头大!