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

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

前提：数值型（这里以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转换视具体情况而定

 参考地址：vue 保留两位小数 - 牛奔 - 博客园 (cnblogs.com)