el-input输入校验,只允许输入数字或者带一个小数点的数字。
1、只允许输入纯数字
<el-input v-model="num" @input="changeMessageNum"> </el-input>
changeMessageNum() {
this.num = this.num.replace(/[^\d]/g, '');
},
2、纯数字+一个小数点,
-
replace(/[^\d.]/g, '')
:- 这个正则表达式会匹配所有**不是数字(
0-9
)和小数点(.
)**的字符
- 这个正则表达式会匹配所有**不是数字(
-
replace(/(\..*?)\..*/g, '$1')
:- 这个正则用于确保输入字符串中只有一个小数点
this.num = this.num .replace(/[^\d.]/g, '').replace(/(\..*?)\..*/g, '$1');