用法一:(功能函数调用)
function formater(data) {if (!data) return '0.00'// 将数据分割,保留两位小数data= data.toFixed(2)// 获取整数部分const intPart = Math.trunc(data)// 整数部分处理,增加,const intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')// 预定义小数部分let floatPart = '.00'// 将数据分割为小数部分和整数部分const newArr = data.toString().split('.')if (newArr.length === 2) {// 有小数部分floatPart = newArr[1].toString() // 取得小数部分return intPartFormat + '.' + floatPart}return intPartFormat + floatPart}
用法二:注册为全局过滤器使用(vue)
Vue.filter("formatMoney", (value) => {if (!data) return '0.00'// 将数据分割,保留两位小数data= data.toFixed(2)// 获取整数部分const intPart = Math.trunc(data)// 整数部分处理,增加,const intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')// 预定义小数部分let floatPart = '.00'// 将数据分割为小数部分和整数部分const newArr = data.toString().split('.')if (newArr.length === 2) {// 有小数部分floatPart = newArr[1].toString() // 取得小数部分return intPartFormat + '.' + floatPart}return intPartFormat + floatPart})
项目中使用的地方
注册方式:推荐在filter.js文件里面定义,main.js 里面引入
部分效果图: