vue html页面运算,保留两位小数

有时候我们需要对各种数值进行保留位数,以便于更好的展示。

Html部分

template中这样使用,需要处理的字段名,再加上过滤器方法

<div>
  <span>合计:</span>
  <span>¥{
   
   {totalMoney | numFilter}}</span>
  <view>{
   
   {(present_price*goods_sum) | numFilter}}</view>
</div>

使用filters,与同级data()

export default {
    data() {
        return {}
    },
    filters: {
        numFilter (value) {
            // 保留小数点后两位的过滤器,尾数四舍五入
            let realVal = parseFloat(value).toFixed(2)
            return realVal
        }
    }
}

猜你喜欢

转载自blog.csdn.net/weixin_43453621/article/details/131499314