vue数字添加千分位分隔

千分位分隔"/>

vue数字添加千分位分隔

 一、新建numberToCurrency.js文件

export function numberToCurrencyNo(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
}

二、在页面中引用

<template><div>{{ numberToCurrencyNo(1234567890.12) }}</div>
</template><script>
import { numberToCurrencyNo } from "@/utils/numberToCurrency";
export default {data() {return {numberToCurrencyNo,};},
};
</script><style>
</style>

三、打印结果 1,234,567,890.12