金额保留三位小数,并且每隔三位一个逗号显示以及金额大写转化

1、在filters文件夹下面新建inde.js

// 小写金额转大写金额
Vue.filter('formatMoney', function(n) {
	var fraction = ['角', '分'];
	var digit = [
		'零', '壹', '贰', '叁', '肆',
		'伍', '陆', '柒', '捌', '玖'
	];
	var unit = [
		['元', '万', '亿'],
		['', '拾', '佰', '仟']
	];
	var head = n < 0 ? '欠' : '';
	n = Math.abs(n);
	var s = '';
	for (var i = 0; i < fraction.length; i++) {
		s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
	}
	s = s || '整';
	n = Math.floor(n);
	for (var i = 0; i < unit[0].length && n > 0; i++) {
		var p = '';
		for (var j = 0; j < unit[1].length && n > 0; j++) {
			p = digit[n % 10] + unit[1][j] + p;
			n = Math.floor(n / 10);
		}
		s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;
	}
	return head + s.replace(/(零.)*零元/, '元')
		.replace(/(零.)+/g, '零')
		.replace(/^整$/, '零元整');
});

//保留三位小数并用逗号分隔
Vue.filter('amountFormat',(amount) => {
  if(!amount) {
	return "0.000" //改成两位为0.00
  }
  //强制保留两位小数
  let f = parseFloat(amount);
  if (isNaN(f)) return false;
  f = Math.round(amount * 1000) / 1000; //改成两位为f = Math.round(amount * 100)/100
  let s = f.toString();
  let rs = s.indexOf('.');
  if (rs < 0) {
      rs = s.length;
      s += '.';
  }
  while (s.length < (rs + 1) + 3) {//改成两位为while (s.length < (rs + 1) + 2)
      s += '0';
  }
  //每三位用一个逗号隔开
  let leftNum=s.split(".")[0];
  let rightNum="."+s.split(".")[1];
  let result;
  //定义数组记录截取后的价格
  let resultArray=new Array();
  if(leftNum.length>3){
      let i=true;
      while (i){
          resultArray.push(leftNum.slice(-3));
          leftNum=leftNum.slice(0,leftNum.length-3);
          if(leftNum.length<4){
              i=false;
          }
      }
      //由于从后向前截取,所以从最后一个开始遍历并存到一个新的数组,顺序调换
      let sortArray=new Array();
      for(let i=resultArray.length-1;i>=0;i--){
          sortArray.push(resultArray[i]);
      }
      result=leftNum+","+sortArray.join(",")+rightNum;
  }else {
      result=s;
  }
  return result;
});

2、在main.js中引入

import './filters/index'  // 引入自定义过滤器

3、页面里面使用

{{ykpCount | amountFormat}}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

~犇犇~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值