Element-ui input 输入框限制只能输入数字的问题

时间:2025-04-01 08:57:24

需求说明

后台管理系统,使用element-ui el-input组件,要求只能输入数字,最先使用的办法:

<el-input
 ='count'
 type='number'
 maxLength='9'
/>
复制代码
存在的问题
1. maxLength不生效
2. 可以输入e
3. 可以输入1.1.....11...1
复制代码
目前解决的办法(可以生效)
<el-input
 v-model='count'
 oninput="value=(/[^\d]/g,'')"
 maxLength='9'
/>
复制代码
目前存在的问题
今天自己测试的时候偶然发现,有时候会出现输入框的值没有绑定到v-model上,
暂时不知道原因,也比较难复现,还请大佬请教。
复制代码
拓展
保留小数点后几位
复制代码
<el-input
 v-model='number'
 oninput="if(isNaN(value)) { value = null } if(('.')>0){value=(0,('.')+3)}"
 maxLength='9'
/>
复制代码
希望看到的大佬指出存在问题或者说下更好的解决办法, 谢谢!