欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

格式化金额

程序员文章站 2022-03-23 11:18:01
创建 money.js 文件const digitsRE = /(\d{3})(?=\d)/gexport function money (value, currency, decimals) { value = parseFloat(value) if (!isFinite(value) || (!value && value !== 0)) return '' //如需在金额前添加符合 只需把下面打代码改成 currency = currency != null ? c...

创建 money.js 文件

const digitsRE = /(\d{3})(?=\d)/g

export function money (value, currency, decimals) {
  value = parseFloat(value)
  if (!isFinite(value) || (!value && value !== 0)) return ''
  //如需在金额前添加符合 只需把下面打代码改成 currency = currency != null ? currency : '$' 
  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 { money } from '../utils/money'

使用模块的方法 mounted 内

money(123456789.52)

使用模块的方法双花括号内

{{format(123456789.52)}}
// 定义方法
format(val) {
  return money(val)
}

本文地址:https://blog.csdn.net/weixin_44640323/article/details/109243059

相关标签: VUE