想让普通金额数字显示为逗号分隔的数字？

• 使用vue+element
  后台传的数据
  

1.编写方法

• 放在method当中

    /** 数字转换显示格式 */
    priceFormat (num, n) {
      n = n || 2;
      let symbol = ",";
      if (num === null) return num;
      if (typeof num !== 'number') throw new TypeError('num参数应该是一个number类型');
      if (n < 0) throw new Error('参数n不应该小于0');
      let hasDot = parseInt(num) != num;//这里检测num是否为小数，true表示小数
      let m = (n != undefined && n != null) ? n : 1;
      num = m == 0 ? num.toFixed(m) + '.' : hasDot ? (n ? num.toFixed(n) : num) : num.toFixed(m);
      symbol = symbol || ',';
      num = num.toString().replace(/(\d)(?=(\d{3})+\.)/g, function (match, p1, p2) {
        return p1 + symbol;
      });
      if (n == 0 || (!hasDot && !n)) {//如果n为0或者传入的num是整数并且没有指定整数的保留位数，则去掉前面操作中的小数位
        num = num.substring(0, num.indexOf('.'));
      }
      return num;
    },

2.在需要使用的table中使用scope卡槽调用该方法

• 显示成功
  

注：本文只写了回显，没写根据输入框获取焦点事件（focus）和失去焦点事件（blur）表单显示内容不同，如需要自行编写