实际业务场景遇到过的问题,个人做个记录把~
后端数据库小数点精度为6位,前端页面需要显示两位数;开发需求并未写清楚是否需要四舍五入,导致后续报表对账问题,不细述了。
1、前端处理数据精度,一种是四舍五入,见代码:
<el-table-column label="价格" prop="price" align="center" show-overflow-tooltip>
<template slot-scope="scope">
{{(scope.row.price).toFix(2) }}
</template>
</el-table-column>
2、还有就是在处理数据的时候,按照原有数据进行取值,不考虑四舍五入,见代码:
this.axios.post("XXXXXX",param).then(
res => {
if(res.data.code == 0){
this.rowDatas = res.data.data.data.map(item => {
return {
...item,
sumPrice:(parseInt(item.sumPrice * 100 ) / 100 ).toFixed(2),
inPrice:(parseInt(item.inPrice * 100 ) / 100).toFixed(2)
}
});
记录经验,谢谢支持~
版权声明:本文为ITdogg原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。