<el-input @blur="setValue" v-model="ruleForm.name" onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"></el-input> 如果表单加入 ...
输入框中限制通常有三种处理方法: 第一种:设置type属性 不推荐 设置type属性为number,text等等,此方法输入框的后面会有不必要样式出现 第二种:在属性中添加onkeyup或者oninput进行正则判断 onkeyup,oninput,onchange各有好坏,在这里,推荐onkeyup,在要求不是太高的系统中可以这样使用 第三种:通过监听事件监听,对于一些特殊要求的输入框可以采用此 ...
2021-08-12 10:50 0 157 推荐指数:
<el-input @blur="setValue" v-model="ruleForm.name" onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"></el-input> 如果表单加入 ...
el-input限制只能输入数字 后来发现使用 oninput="value=value.replace(/[^0-9]/g,'')"这种方式当输入中文在输入数字时会出现v-model不刷新的情况,如果遇到这样的问题,可以使用以下方式来解决 ...
输入框中限制通常有三种处理方法 第一种:设置type属性(不推荐) 设置type属性为number,text等等,此方法输入框的后面会有不必要样式出现 第二种:在属性中添加onkeyup或者oninput进行正则判断 onkeyup,oninput,onchange各有好坏 ...
在上一个博客中,有关于限制长度的使用,本文介绍限制只能输入数字的方法 el-input 代码如下: 在main.js中加入如下代码: 演示如下: ...
oninput="value=value.replace(/[^0-9.]/g,'')" ...
方法: 添加正则校验 ...
仅个人经验,希望能帮到有需要的人。 第一次写 就话不多说了直接上代码。 ...