关于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>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY