vue页面接收后端传递数值后保留两位小数

原创于 2022-06-24 17:55:02 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

这篇博客介绍了如何在JavaScript中对浮点数进行处理，确保数值精度最多保留两位小数。提供了两种方法，分别是使用过滤器函数和直接调用toFixed()方法，根据具体需求选择parseFloat或Number进行类型转换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前提：数值型（这里以float为例）

方法：1）


{{ targeValue | numFilter }}



filters: {
    numFilter (value) {
      let realVal = parseFloat(value).toFixed(2)// 最多保留两位小数，且尾数四舍五入
      return realVal
    }
  }

注： targetValue--需要处理的字段名 | numFilter--过滤器方法

2）

{{ parseFloat(targetValue).toFixed(2) }}
或者
 {{ Number(targetValue).toFixed(2) }}
使用parseFloat还是Number转换视具体情况而定