前端金额的校验 el-input input方法

html

<el-input
   @input="numContro($event,'claimMessageVo','checkfee')"
   v-model="caseData.claimMessageVo.checkfee"
   type="number"
   @blur="changTotalestimatedfee"
 ></el-input>

js

//控制金额的位数
    numContro(value,box,name){
      let val = (value && value.split("")) || [];
      let sNum = val.toString(); //先转换成字符串类型
      if (sNum.indexOf('.') == 0) {//第一位就是 .
        console.log('first str is .')
        sNum = '0' + sNum
      }
      sNum = sNum.replace(/[^\d.]/g,"");  //清除“数字”和“.”以外的字符
      sNum = sNum.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的
      sNum = sNum.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
      sNum = sNum.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');//只能输入两个小数
      //以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
      if(sNum.indexOf(".")< 0 && sNum !=""){
        sNum = parseFloat(sNum);
      }
      this.caseData[box][name] = sNum;
    },