首页 > 其他分享 >el-input限制输入只能是数字

el-input限制输入只能是数字

时间:2022-08-19 15:23:41浏览次数:56  
标签:el 限制 数字 number value input 输入

方法一:

通过设置type属性:type="number",这种方式一般会影响样式,不建议使用,如下图:

<el-input type="number" v-model="aaa"></el-input>

方法二:

通过绑定值限制的方式:v-model.number="aaa",这种方式会限制一般的数字,但是会影响maxlengt属性,并且e是可以输入的,一般情况可以使用,严格限制的话不建议使用

<el-input v-model.number="aaa"></el-input>

 

方法三:(建议使用)

通过对value值进行正则限制:οnkeyup="value=value.replace(/[^\d]/g,' ')",绑定一个onkeyup监听事件,/[^\d]/g 是用来匹配所有非数字内容的正则表达式,将之替换成空字符串,这种方式不会影响任何属性,推荐使用

<el-input v-model="aaa" οnkeyup="value=value.replace(/[^\d]/g,'')"></el-input>

标签:el,限制,数字,number,value,input,输入
From: https://www.cnblogs.com/qiangyanhuanxiao/p/16602082.html

相关文章