vue 保留小数点厚一位_Vue中对数值进行保留小数点后两位的处理(两种情况)...

这篇博客探讨了两种在HTML和JavaScript中实现数值格式化的过滤器方法。第一种方法是保留小数点后两位并进行四舍五入,第二种方法则是保留小数点后两位但不进行四舍五入。这两种技术对于前端展示数据尤其有用,确保数值的精确显示。

Html部分:

合计:

¥{{totalMoney | numFilter}}

Js部分:

// 情况一:保留小数点后两位的过滤器,尾数四舍五入

filters: {

numFilter(value) {

// 截取当前数据到小数点后两位

let realVal = Number(value).toFixed(2)

// num.toFixed(2)获取的是字符串

return Number(realVal)

}

}

// 情况二:保留小数点后两位的过滤器,尾数不四舍五入

filters: {

numFilter(value) {

// 截取当前数据到小数点后三位

let transformVal = Number(value).toFixed(3)

let realVal = transformVal.substring(0, transformVal.length - 1)

// num.toFixed(3)获取的是字符串

return Number(realVal)

}

}

阅读更多

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值