关于el-progress percentage的值超100以及处理后端返回小数转换报错的处理

在开发大屏幕数据项目的时候，在el-table中用el-progress展示效率，由于后端返回的是小数，前端需要把0.555555555展示成50%的格式（不展示小数点后的数字），我刚开始写控制台一直报错，用Number()转化了数值还是在控制台报percentage期望的是‘number’,但是捕抓到的是'String'的错误。最后这样写就没有了报错，顺便处理百分比超过100。

效果图：

 

1 <el-table-column :label="$t('manualTable.efficiency')" header-align="center" align='center'>
2        <template v-slot="scope">
3                   <el-progress :percentage="parseInt((scope.row.workEfficiency * 100).toFixed(0)) > 100 ? 100 : parseInt((scope.row.workEfficiency * 100).toFixed(0))" :color="effectFn(scope.row.workEfficiency)"></el-progress>
4           </template>
5 </el-table-column>
posted @ 2023-05-11 17:03  NUNA11  阅读(220)  评论(0)    收藏  举报