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

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


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 金额输入不超过小数点后两位)