/**
 * @description 格式化金額
 * @param number：要格式化的數(shù)字
 * @param decimals：保留幾位小數(shù) 默認(rèn)0位
 * @param decPoint：小數(shù)點(diǎn)符號(hào) 默認(rèn).
 * @param thousandsSep：千分位符號(hào) 默認(rèn)為,
 */
export const formatMoney = (number, decimals = 0, 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 (n, prec) {
    let k = Math.pow(10, prec)
    return '' + Math.ceil(n * k) / k
  }
  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)
}

const digitsRE = /(\d{3})(?=\d)/g
export function currency(value, currency, decimals) {
? value = parseFloat(value)
? if (!isFinite(value) || (!value && value !== 0)) return ''
? currency = currency != null ? currency : '$'
? decimals = decimals != null ? decimals : 2
? var stringified = Math.abs(value).toFixed(decimals)
? var _int = decimals ?
? ? stringified.slice(0, -1 - decimals) :
? ? stringified
? var i = _int.length % 3
? var head = i > 0 ?
? ? (_int.slice(0, i) + (_int.length > 3 ? ',' : '')) :
? ? ''
? var _float = decimals ?
? ? stringified.slice(-1 - decimals) :
? ? ''
? var sign = value < 0 ? '-' : ''
? return sign + currency + head +
? ? _int.slice(i).replace(digitsRE, '$1,') +
? ? _float
}

import { currency } from "@/util/currency";
export default {
?? ?.........
?? ?// 局部過(guò)濾器
? filters: {
? ? currency: currency,
? },
?} ?

?<div class="item-total">
? ?<span>{{totalPrice | currency('$')}}</span>
</div>

main.js
import {
? currency
} from "@/util/currency";
Vue.filter('currency', currency)