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

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

Html部分

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

合计: ¥{{totalMoney | numFilter}} {{(present_price*goods_sum) | numFilter}}

使用filters,与同级data()

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

你可能感兴趣的:(html,vue.js,前端)