美文网首页
vue el-input 金额输入不超过小数点后两位

vue el-input 金额输入不超过小数点后两位

作者: 6659a0f02826 | 来源:发表于2020-03-25 10:39 被阅读0次

    http://jsrun.pro/hzZKp/edit
    效果:输入的时候超过两位就不填了

    <el-input v-model="input" placeholder="请输入内容" @keyup.native='keyupEvent($event,input)'></el-input>
    
    var Main = {
      data() {
        return {
          input: ''
        }
      },
      methods:{
        keyupEvent(e,input){
          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.input=e.target.value
          console.log(this.input)
        }
      }
    }
    var Ctor = Vue.extend(Main)
    new Ctor().$mount('#app')
    

    相关文章

      网友评论

          本文标题:vue el-input 金额输入不超过小数点后两位

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