踩坑记录之【el-progress】——percentage值为数字，且小于等于100

 

<el-progress 
:percentage="getPercentage(scope.row)" 
:show-text="scope.row.a" 
:color="customColors" 
style="flex: 1"
></el-progress>

/*
customColors: [
 { color: '#d71139', percentage: 0 },
 { color: '#d71139', percentage: 49 },
 { color: '#409eff', percentage: 50 },
 { color: '#1989fa', percentage: 80 },
 { color: '#5cb87a', percentage: 100 }
]
*/

验证返回的百分比数据，是否为小于等于100 

getPercentage(item){
  if(!item) return 0;
  const { a, b } = item
  let res = parseInt((a/b)*100) > 100 ? 100 : res
  return res
}