el-input 保留两位小数

2022-10-11  本文已影响0人  sunowter

html:

<el-input

               v-model="form.hourlyWage"

                  type="number"

                  @input="formatNum(form.hourlyWage, 'hourlyWage','form')"

                >

   </el-input>

js:

 formatNum(val, key,formName) {

  let temp = val.toString();

  temp = temp.replace(/。/g, ".");

  temp = temp.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符

  temp = temp.replace(/^\./g, ""); //验证第一个字符是数字

  temp = temp.replace(/\.{2,}/g, ""); //只保留第一个, 清除多余的

  temp = temp.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");

  temp = temp.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数

  this.$set(this[formName],key,temp)

}

上一篇下一篇

猜你喜欢

热点阅读