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')