1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Vue自定义过滤器格式化数字 每三位加一个逗号

Vue自定义过滤器格式化数字 每三位加一个逗号

时间:2023-05-31 13:23:03

相关推荐

Vue自定义过滤器格式化数字 每三位加一个逗号

自己在开发过程中,前端需要对一些表示金额的数值进行处理,每隔三位数字,用逗号分隔开。记录一下自己的做法。

(1) 自定义格式化方法

源代码如下

/* 数字金额逢三加, 比如 123,464.23 */export function numberToCurrency(value) {if (!value) return '0.00'// 将数值截取,保留两位小数value = value.toFixed(2)// 获取整数部分const intPart = Math.trunc(value)// 整数部分处理,增加,const intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')// 预定义小数部分let floatPart = '.00'// 将数值截取为小数部分和整数部分const valueArray = value.toString().split('.')if (valueArray.length === 2) {// 有小数部分floatPart = valueArray[1].toString() // 取得小数部分return intPartFormat + '.' + floatPart}return intPartFormat + floatPart}

(2) 引入格式化方法,并且定义过滤器

(3)使用过滤器

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。