vue中实现千位分隔符

vue中实现千位分隔符有两种，一种是某一个字段转换，一种是表格table中的整列字段转换

比如将3236634.12，经过转换后变为 3,236,634.12

1. 某一个字段转换

写js方法：

export function numberExchange(value){
  if (!value) return 0
  // 获取整数部分
  const intPart = Math.trunc(value)
  // 整数部分处理，增加,
  const intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')
  // 预定义小数部分
  let floatPart = ''
  // 将数值截取为小数部分和整数部分
  const valueArray = value.toString().split('.')
  if (valueArray.length === 2) {
    // 有小数部分
    floatPart = valueArray[1].toString() // 取得小数部分
    return intPartFormat + '.' + floatPart
  }
  return intPartFormat + floatPart
}

直接调用方法即可：

1. 表格table中的整列字段转换

加入:formatter方法

numberFormat (row, column, cellValue) {
      cellValue += ''
      if (!cellValue.includes('.')) cellValue += '.'
      return cellValue.replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) {
        return $1 + ','
      }).replace(/\.$/, '')
    },

在el-table-column中调用该方法：

:formatter=“numberFormat”

效果：