ElementUI——数字输⼊框解决⽅案
问题描述
当我们开发项⽬时，常常想限制⽤户只能输⼊纯数字:
官⽅⽂档
解决⽅案
⽅法⼀：el-input + 正则表达式
input标签placeholder属性只需要在el-input标签添加代码，如下图所⽰:
代码如下图
<el-form-item label="⾓⾊Id*" class="redItem">
<el-input type="text" onkeyup="place(/[^\d]/g,'')" size="small" width="50" v-model="leID" placeholder="请输⼊数字"> </el-form-item>
可以通过给input 添加onkeyup事件来实现
当输⼊值的键盘抬起时触发这个事件。this.value表⽰此输⼊框的值，/\D/g为正则表达式，⽤来匹配所有⾮数字字符；
此句功能为：将输⼊值为⾮数字的字符替换为空；
placeholder属性是当input框为空时显⽰的⽂字提⽰;
⽅法⼆：el-input-number
<el-input-number
size="mini"
v-model="in"
:controls="false"
placeholder="请输⼊硬币数量">
</el-input-number>
仅允许输⼊标准的数字值，可定义范围
注：不能带 icon 参考⽂章

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。