美文网首页
el-input 保留两位小数

el-input 保留两位小数

作者: sunowter | 来源:发表于2022-10-11 16:38 被阅读0次

    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)

    }

    相关文章

      网友评论

          本文标题:el-input 保留两位小数

          本文链接:https://www.haomeiwen.com/subject/mdatzrtx.html