关于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 @   NUNA11  阅读(153)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
点击右上角即可分享
微信分享提示