价格为元单位，千分位以逗号分割方法封装

价格为元单位，千分位以逗号分割方法封装

最新有个需求，价格上如果为345234.00显示成这样345,234.00,直接上代码

第一步创建common.js文件，以下代码

  function numFormat(num) {
    var thisNum = (num || 0).toString().split('.');//判断如果有小数点就分割这个数为一个数组
    var num = thisNum[0]; //截取小数点前面的部分保存
    var fuNum = thisNum[0]; //如果是负数先保存备用
    var result = ''; //最后结果
    if (fuNum<0){
      num = num.slice(1); //是负数先把负号截取掉
    }
    while (num.length > 3) {  //循环每三位添加一个逗号
      result = ',' + num.slice(-3) + result;
      num = num.slice(0, num.length - 3);
    }
    if (num) {result = num + result;} 
    if (fuNum < 0) { result = '-' + result } //负数加上负号
    if (thisNum[1]) { result = result + '.' + thisNum[1];} //拼接上小数
    return result;
  }
  //导出
export default {
    numFormat    
}

第二步在main.js全局引入

// 配置公共方法
import common from './utils/common.js'
Vue.prototype.$numFormat = common.numFormat;

第三步页面上直接使用

$numFormat('123234.00')