filter -- amount thousands separator

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);

Import, configure, and then use

   <el-col :span="12">
                <p>年度案件数量（个）</p>
                <h1>{
   
   { caseNum | numberToCurrency }}</h1>
                <p>
                  <span class="finishedNum"
                    >已结：{
   
   { caseEndNum | numberToCurrency }}
                  </span>
                  <span> 未结：{
   
   { caseOpenNum | numberToCurrency }}</span>
                </p>
     </el-col>