Vue項目報錯：Invalid prop: custom validator check failed for prop "percentage".

一、問題：

vue中使用elementui的 Progress 進度條組件報錯

二、報錯信息如下：

vue.runtime.esm.js:619 [Vue warn]: Invalid prop: custom validator check failed for prop "percentage".

found in

---> <ElProgress> at packages/progress/src/progress.vue
       <AllStoreStatisticsDialog> at src/components/vdialog/dialog/Baomu/AllStoreStatisticsDialog.vue
         <Dialog> at src/components/vdialog/VDialog.vue
           <DialogGroup> at src/components/vdialog/vDialogGroup.vue
             <App> at src/views/SYS/App.vue
               <App> at src/App.vue
                 <Root>

三、原因與解決方案

原始代碼如下

<el-progress :percentage="percentage" :color="customColor"></el-progress>

原因：

設置的percentage屬性值超過了100，percentage的取值范圍是0-100。

解決方案

percentage屬性賦值的時候做一個三元運算的判斷就可以了，代碼如下

<el-progress :percentage="percentage>100?100:percentage" :color="customColor"></el-progress>