首页 > 其他分享 >关于el-progress percentage的值超100以及处理后端返回小数转换报错的处理

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

时间:2023-05-11 17:11:57浏览次数:47  
标签:el 值超 报错 progress 100 percentage 小数

在开发大屏幕数据项目的时候,在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

相关文章

  • MFC-ShellExecuteEx打开文件
     打开执行程序SHELLEXECUTEINFOShellInfo;/*typedefstruct_SHELLEXECUTEINFO{DWORDcbSize;存储该结构的长度,以字节为单位ULONGfMask;一个标志数组,用来设置其他成员的有效性SEE_MA......
  • 使用laravel-snappy生成pdf
    laravel-snappy基于wkhtmltopdf工具,可以比较完美的将web页面转成pdf格式。顺便把laravel及laravel-snappy安装过程记录下composerconfig-grepo.packagistcomposerhttps://mirrors.aliyun.com/composer/composercreate-projectlaravel/laravelexample-appcomposerr......
  • 淄博/中原云商有这些报错,但不影响
    1.淄博项目:到第三个报错时,项目就能运行了1)2)3) 2.中原云商 ......
  • postgresql 更改目类后.conf的位置和shared_preload_libraries写多个的写法
    postgresql更改目类后.conf的位置和shared_preload_libraries写多个的写法postgresql更改了pgdata后。conf会到新的pgdata里面才能看到 需预加载加载多个的话按下面这样写shared_preload_libraries='pg_strom,pipelinedb'  shared_preload_librariesshared_preloa......
  • node_models里面的依赖有错误怎么解决
    1,发现问题最近发现公司有个文档的网站打开很慢,通过浏览器的network查看资源,发现是bootstrap的css和js文件加载不出来,看了一下是国外的cdn,不稳定。2,查找原因知道了访问慢的原因,我们就去项目里面看看这个bootstrap的cdn是哪里引入的,直接进入项目的node_models文件夹,执行grep-lr......
  • element ui的el-upload上传组件中使用el-image的图片预览
    问题想在elementui的el-upload上传组件中使用el-image的图片预览,这样就可以放大和缩小还有多张图片切换因为el-upload提供的是使用对话框查看图片,不能放大缩小还不能左右切换说明在el-image组件内的预览功能是使用的el-image-viewer这个小组件实现的,所以我们直接导入调用这......
  • el-tree 根据多个结果筛选树状图(增加checkbox勾选)
    <template><divclass="wrapper-jjy"><el-dialogtitle="接警员查找"v-model="jjyDialogVisible":draggable="true"width="735px"height="300":close-on-click-modal="true&q......
  • ElasticSearch组合多查询(must, should, must_not, filter)
    ElasticSearch组合多查询(must,should,must_not,filter)举个例子if(StringUtils.isNotEmpty(goodsSpu.getCategoryId())){filterBuilder.must(QueryBuilders.wildcardQuery("categoryId","*"+goodsSpu.getCategoryId()+"*"));}1.must文......
  • 模板元编程--TypeList算法--类型分割
    将一个数据列表按照要求尽心分割为两个类型。usinglist1=TypeList<char,double,float,longlong,int,int>;将大于4字节的分为一组,其他分为一组:贴入Fold函数,一会儿用到:template<typenameT>conceptTL=requires{typenameT::isTypeList;typenameT::ty......
  • spark-sql 启动客户端报错问题
    1.spark-sql启动报错java.lang.NoClassDefFoundError:org/apache/tez/dag/api/SessionNotRunning原因:在启动时找不到tez的jar包解决方法:将tez目录下的tez-api-0.9.1.jar复制一份到spark的jars目录下cptez-api-0.9.1.jar/usr/hdp/current/spark2-client/jars/分发到其他......