前端千分位金额完整校验

1、输入框限制只能输入数字保留2为小数及过滤最前面的0

<el-form-item label="" prop="impower_credit_amt">
  <el-input size="medium" v-model="csData.pojo.impower_credit_amt"             
    :disabled="Boolean(this.id) || (readOnly && isreadOnly) || showBtn == 'no'" 
    @blur="changeNumAmt('impower_credit_amt', $event)" 
    @focus="backNum('impower_credit_amt', $event)" maxlength="16" oninput=" 
       this.value=this.value.replace(/\D*(\d*)(\.?)(\d{0,2})\d*/,'$1$2$3') // 只能输入数字、小数点限制2位
            .replace(/^0+(\d)/, '$1') // 第一位0开头，0后面为数字，则过滤掉，取后面的数字
            .replace(/^\./, '0.') // 如果输入的第一位为小数点，则替换成 0. 实现自动补全
            .match(/^\d*(\.?\d{0,2})/g)[0] || '' // 数字开头、小数点2位
      "/>
   </el-form-item>

2、当失去焦点时千分位金额，且不满2位小数自动补0

import { amoThreeForm, threeToNum } from "@/utils/tool.js";

//数字转千分位
export function amoThreeForm(numb){
  // 转为字符串，并按照.拆分
  const arr = (numb + "").split(".");
  // 整数部分再拆分
  const int = arr[0].split("");
  // 小数部分
  const fraction = arr[1] || "";
  // console.log(fraction.length,"小数长度");
  var result;
  if (fraction.length ==0) {
    result = '00'
  }else if (fraction.length ==1) {
    result = fraction.toString()+'0';
  }else{
    result = fraction.toString().substring(0, fraction.toString().indexOf(".") + 3)
  }
  // console.log(result,"小数部分");

  // var result = s.substring(0, s.indexOf(".") + 3)
  //   ? s.substring(0, s.indexOf(".") + 3)
  //   : "00";
  // 返回的变量
  let r = "";
  int.reverse().forEach(function (v, i) {
    // 非第一位并且是位值是3的倍数，添加“,”
    if (i !== 0 && i % 3 === 0) {
      r = v + "," + r;
    } else {
      // 正常添加字符(这是好写法)
      r = v + r;
    }
  });
  // 整数部分和小数部分拼接
  // console.log(r + (!!result ? "." + result : ""),"转换后的值====================")
  return r + (!!result ? "." + result : "");
}

3、获取焦点按照数字格式展示

//千分位转数字
export function threeToNum(from,val){
  let reg = new RegExp(",", "g");
  if (from[val] != "") {
    return from[val].replace(reg, "");
  }
  // else{
  //   return 0.00
  // }
}