首先看下效果
我对这个方法进行了封装,之后可以直接在项目使用
首先安装2个插件
yarn add lodash
yarn add bignumber.js
实际代码如下:
export const formatNumber = (
value: BigNumber.Value,
decimalPlaces?: number,
roundingMode?: BigNumber.RoundingMode,
config?: BigNumber.Format,
) => {
if (!_.isNumber(value)) {
return '';
}
return new BigNumber(value).toFormat(decimalPlaces, roundingMode, config);
};
export const formatMoney = (
value,
config?: {
unit?: string;
space?: boolean;
decimalPlaces?: number;
},
) => {
const { unit = '', space = false, decimalPlaces = 4 } = config || {};
return formatNumber(value, decimalPlaces, null, {
decimalSeparator: '.',
groupSeparator: ',',
groupSize: 3,
secondaryGroupSize: 0,
fractionGroupSeparator: ' ',
fractionGroupSize: 0,
suffix: '',
prefix: `${unit}${space ? ' ' : ''}`,
});
};
项目中使用就更简单了
formatMoney(100)
后面还有参数,你们估计用不到,decimalPlaces参数可能用的到,这个是保留几位小数