Vue中对数值进行保留小数点后两位的处理

废话不多说,上代码
vue渲染页面时,处理后台返还的数据!

<div class="text primary-text">
  <span>合计:</span>
  <span class="money">{{totalMoney | numFilter 这里是下面对应的值}}</span>
</div>

toFixed方法只能处理数字数据
两种方式
一、四舍五入

filters: {
  numFilter (value) {
    // 截取当前数据到小数点后两位
    let realVal = parseFloat(value).toFixed(2)
    return realVal
  }
}

二、不四舍五入

filters: {
  numFilter (value) {
    // 截取当前数据到小数点后三位
    let tempVal = parseFloat(value).toFixed(3)
    let realVal = tempVal.substring(0, tempVal.length - 1)
    return realVal
  }
}

你可能感兴趣的:(web,vue)