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

2020-03-25  本文已影响0人  6659a0f02826

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')
上一篇下一篇

猜你喜欢

热点阅读