el-input只能输入数字和一个小数点
时间: 2024-01-19 18:15:38 浏览: 264
el-input只能输入数字和一个小数点,可以使用以下两种方法实现:
方法一:
oninput="value=value.replace(/[^0-9.]/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.')"
方法二:
@input="inputChange"
inputChange(val) {
let reg = /[^0-9.]/g;
let reg2 = /\.{2,}/g;
let reg3 = /^\./g;
let reg4 = /\.$/g;
val = val.replace(reg, '');
val = val.replace(reg2, '.');
val = val.replace(reg3, '');
val = val.replace(reg4, '');
this.sjje = val;
}
其中,方法一使用oninput事件,通过正则表达式替换非数字和小数点以及多余的小数点,从而实现只能输入数字和一个小数点的效果;方法二使用@input事件,通过正则表达式替换非数字和多余的小数点,从而实现只能输入数字和一个小数点的效果。
阅读全文