项目场景:
商城类项目中大多需要格式化金额,后缀保留两位小数,并且千元之后加上千分位符号
例子:32,131.00 这种金额,贴上js代码,可以新建一个js引用就行
解决方案:
//格式金额,默认保留两位小数,并格式化为千分位
function formatMoney(number, decimals, dec_point, thousands_sep, roundtag) {if (!number) {number = 0;}if (!decimals) {decimals = 2;//默认保留2位小数}if (!dec_point) {dec_point = '.';}if(!thousands_sep){thousands_sep = ',';}if(!roundtag){roundtag = 'round';}number = (number + '').replace(/[^0-9+-Ee.]/g, '');roundtag = roundtag || "ceil"; //"ceil","floor","round"var n = !isFinite(+number) ? 0 : +number,prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,dec = (typeof dec_point === 'undefined') ? '.' : dec_point,s = '',toFixedFix = function (n, prec) {var k = Math.pow(10, prec);return '' + parseFloat(Math[roundtag](parseFloat((n * k).toFixed(prec * 2))).toFixed(prec * 2)) / k;};s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');var re = /(-?\d+)(\d{3})/;while (re.test(s[0])) {s[0] = s[0].replace(re, "$1" + sep + "$2");}if ((s[1] || '').length {s[1] = s[1] || '';s[1] += new Array(prec - s[1].length + 1).join('0');}return s.join(dec);
}export {formatMoney
}
vue中引用使用方法:
main.js:
import * as moneyUtils from “./utils/money”;//引入js
Vue.prototype.moneyUtils = moneyUtils
使用:
this.moneyUtils.formatMoney(Discount)
标签中引用:
{{moneyUtils.formatMoney(Discount)}}