600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 金额格式化 三位数逗号分隔 小数点后保留两位(vue金额过滤器)

金额格式化 三位数逗号分隔 小数点后保留两位(vue金额过滤器)

时间:2021-04-16 19:19:37

相关推荐

金额格式化 三位数逗号分隔 小数点后保留两位(vue金额过滤器)

用法一:(功能函数调用)

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 里面引入

部分效果图:

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