前端页面返回数据的小数点精度

实际业务场景遇到过的问题,个人做个记录把~

       后端数据库小数点精度为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版权协议,转载请附上原文出处链接和本声明。