美文网首页
input输入框限制只能输入两位小数(电价只能输入到分)-精进版

input输入框限制只能输入两位小数(电价只能输入到分)-精进版

作者: 前端小猪仔 | 来源:发表于2021-03-25 17:57 被阅读0次

    废话不多说,直接上代码,记录一下

    <el-form-item label="电价">
         <el-input v-model="form.electricPrice" @keyup.native='keyupEvent($event,form.electricPrice)' @change="status=false" />
         <span>¥/千瓦时</span>
    </el-form-item>
    

    keyupEvent()方法

    keyupEvent(e){
          e.target.value=e.target.value.replace(/[^\d.]/g, '');
          e.target.value=e.target.value.replace(/\.{2,}/g, '.');
          e.target.value=e.target.value.replace(/^\./g, '0.');
          e.target.value=e.target.value.replace(/^\d*\.\d*\./g, e.target.value.substring(0,e.target.value.length-1));  
          e.target.value=e.target.value.replace(/^0[^\.]+/g, '0')
          e.target.value=e.target.value.replace(/^(\d+)\.(\d\d).*$/, '$1.$2')
          this.form.electricPrice=e.target.value
          console.log(this.form.electricPrice)
       }
    

    相关文章

      网友评论

          本文标题:input输入框限制只能输入两位小数(电价只能输入到分)-精进版

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