el-input限制只能输入数字-前端-E先生的博客
Java
MySQL
大数据
Python
前端
黑科技
大语言模型
    首页 >> 互联网 >> 前端

el-input限制只能输入数字

[导读]:el-input限制只能输入数字...

  方法一:

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

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

  方法二:

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

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

  方法三:(建议使用)

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

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

image.png

本文来自E先生的博客,如若转载,请注明出处:https://javajz.cn

留言区

联系人:
手   机:
内   容:
验证码:

历史留言

欢迎加Easy的QQ