共计 418 个字符，预计需要花费 2 分钟才能阅读完成。
- 问题：今天检查项目时候发现如下报错——[Vue warn]: Invalid prop: custom validator check failed for prop “percentage”：大概意思是 percentage 校验错误
![[Vue warn]: Invalid prop: custom validator check failed for prop“percentage“(element ui 组件报错)](https://yojack.cn/wp-content/uploads/replace/6909678157c98b0a044b2b974e581a92.jpeg "[Vue warn]: Invalid prop: custom validator check failed for prop“percentage“(element ui 组件报错)")
- 查找到原因：该项目中使用 elementui 的 Progress 进度条组件，从而导致的报错
![[Vue warn]: Invalid prop: custom validator check failed for prop“percentage“(element ui 组件报错)](https://yojack.cn/wp-content/uploads/replace/9d9cd44d10e163b4ba4cbf08b3d45124.jpeg "[Vue warn]: Invalid prop: custom validator check failed for prop“percentage“(element ui 组件报错)")
- 通过查找官方文档发现：该组件的参数类型为 number 类型；值的范围在 0 -100 之间，但是由于小编的项目后端传的值大于 100，并且前一任前端没有处理该值，从而导致的报错
![[Vue warn]: Invalid prop: custom validator check failed for prop“percentage“(element ui 组件报错)](https://yojack.cn/wp-content/uploads/replace/68dff5e4022c8a3e1cbb1510afac070f.jpeg "[Vue warn]: Invalid prop: custom validator check failed for prop“percentage“(element ui 组件报错)")
![[Vue warn]: Invalid prop: custom validator check failed for prop“percentage“(element ui 组件报错)](https://yojack.cn/wp-content/uploads/replace/8768e7054bb1b10aee77efa2e576b975.jpeg "[Vue warn]: Invalid prop: custom validator check failed for prop“percentage“(element ui 组件报错)")
- 小编 先确定了后端传的值是 number 类型的还是 string 类型的（一般针对于统计，后端都是传 number 类型的值，但是为了保险，小编也是接手的项目）
- 当确定是 number 数据类型的值，对传值进行处理
![[Vue warn]: Invalid prop: custom validator check failed for prop“percentage“(element ui 组件报错)](https://yojack.cn/wp-content/uploads/replace/707049ef77561fab5a1ad87452b81191.jpeg "[Vue warn]: Invalid prop: custom validator check failed for prop“percentage“(element ui 组件报错)")
原文地址: [Vue warn]: Invalid prop: custom validator check failed for prop“percentage“(element ui 组件报错)
正文完
