技術標籤：javascriptvueelementui

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;
    },