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;
}
import { numberToCurrencyNo } from "../../common/js/util/numberToCurrency"
// 配置全局过滤器,实现数字千分位格式
Vue.filter("numberToCurrency", numberToCurrencyNo);
引入,配置,接下来使用
<el-col :span="12">
<p>年度案件数量(个)</p>
<h1>{
{ caseNum | numberToCurrency }}</h1>
<p>
<span class="finishedNum"
>已结:{
{ caseEndNum | numberToCurrency }}
</span>
<span> 未结:{
{ caseOpenNum | numberToCurrency }}</span>
</p>
</el-col>