Vue 中小數點格式化

處理方式如下.

 

src目錄下創建一filters目錄, 里面建一個index.js

/**
 * @description 格式化金額
 * @param number：要格式化的數字
 * @param decimals：保留幾位小數 默認2位
 * @param decPoint：小數點符號 默認.
 * @param thousandsSep：千分位符號 默認為,
 */
export function numFilter (number, decimals = 2, decPoint = '.', thousandsSep = ',') {
  number = (number + '').replace(/[^0-9+-Ee.]/g, '')
  let n = !isFinite(+number) ? 0 : +number
  let prec = !isFinite(+decimals) ? 0 : Math.abs(decimals)
  let sep = (typeof thousandsSep === 'undefined') ? ',' : thousandsSep
  let dec = (typeof decPoint === 'undefined') ? '.' : decPoint
  let s = ''
  let toFixedFix = function (num, digit) {
    num = parseFloat(num)
    return (Math.round((num + Number.EPSILON) * Math.pow(10, digit)) / Math.pow(10, digit)).toFixed(digit)
  }
  s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.')
  let 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)
}

 

main.js 修改

import * as filters from './filters'  // global filters

// 全局過濾器
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

 

 

2：使用

{{ someMoney | numFilter }}  保留2位

{{ someMoney | numFilter(4) }} 保留4位.