js 函数封装
// 金额格式化——显示千位分隔符 function pricefmt(num) { let str = num.toString() // 没有小数点时，在末尾补上一个小数点 if (str.indexOf('.') === -1) { str += '.' } return str.replace(/(\d)(?=(\d{3})+\.)/g, '$1,').replace(/\.$/, '') }
在vue中自定义过滤器代码如下：
filters: { // 金额格式化——显示千位分隔符 pricefmt: function (num) { let str = num.toString() // 没有小数点时，在末尾补上一个小数点 if (str.indexOf('.') === -1) { str += '.' } return str.replace(/(\d)(?=(\d{3})+\.)/g, '$1,').replace(/\.$/, '') } },
使用
<div>{{item.price| pricefmt}}</div>
- 50000 格式化为 50,000
- 50,000.23 格式化为 50,000.23
