このページでは、次のエラーが報告されます: 無効なプロパティ: プロパティ「percentage」のカスタム バリデータ チェックに失敗しました。

質問：

要素コンポーネント ライブラリの el-progress コンポーネントを使用すると、ページは正常にレンダリングされますが、コンソールにエラーが報告されます。

問題のコードは次のとおりです。

 <el-progress  
    :percentage="enforced" 
    :show-text="false" 
    :color="enforcedColor(enforced)">
</el-progress>

 問題の原因:

 これは、コンポーネントに渡されるパーセント属性の値が 100 を超えているためです。公式ドキュメントでは、パーセントの値の範囲は 0 ～ 100 であると記載されています。

解決：

パーセント属性の値が 100 を超えているため、コンポーネントがレンダリングされると、レンダリングされた進行状況バーは 100% の進行状況バーになるため、三項演算子を使用してこの問題を解決できます。コードは次のとおりです。

<el-progress 
 :percentage="enforced>100? 100 : enforced" 
 :show-text="false" 
 :color="enforcedColor(enforced)">
</el-progress>