数据格式话(例如:1234567.089转换成1,234,567.09)

针对于复杂数字需要进行数据格式化,千分位加逗号进行区分,保留小数位等,进行封装的一个方法

<div id="app">
      <div class="validate">
        <input type="text" v-model="value" />
        数据格式化:<span>{{result}}</span><br />
        <br />
      </div>
    </div>
    <script src="vue.js"></script>
    <script>
      const vm = new Vue({
        el: '#app',
        data: {
          value: '',
          value1: ''
        },
        computed: {
          result: function() {
            return this.numberFormat(this.value, 3, '.', ',');
          }
        },
        methods: {
          /**
          numberFormat(123456.0789, 3, '.', ',')
          非固定小数位,浮点数转成对于百分比
          @param number 格式化的数字
          @param decimals 保留几位小数
          @param dec 小数点符号
          @param sep 千分位符号
          @return 输入结果
          **/
          numberFormat(number, decimals, dec, sep) {
            number = (number + '').replace(/[^0-9+ -Ee.]/g, '');
            const n = !isFinite(+number) ? 0 : +number;
            const prec = !isFinite(+decimals) ? 0 : Math.abs(decimals);
            const toFixedFix = (fixN, fixPrec) => {
              const k = Math.pow(10, fixPrec);
              return '' + Math.round(fixN * k) / k;
            };
            const s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split(
              dec
            );
            const re = /(-?\d+)(\d{3})/;
            while (re.test(s[0])) {
              s[0] = s[0].replace(re, '$1' + sep + '$2');
            }
            if ((s[1] || '').length < prec) {
              s[1] = s[1] || '';
              s[1] += new Array(prec - s[1].length + 1).join('0');
            }
            return s.join(dec);
          }
        }
      });
    </script>

效果图:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值