在开发大屏幕数据项目的时候,在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>标签:el,值超,报错,progress,100,percentage,小数 From: https://www.cnblogs.com/NUNA/p/17391643.html