需求说明
后台管理系统,使用element-ui el-input组件,要求只能输入数字,最先使用的办法:
-
<el-input -
v-model.number='count' -
type='number' -
maxLength='9' -
/> -
复制代码
存在的问题
-
1. maxLength不生效 -
2. 可以输入e -
3. 可以输入1.1.....11...1 -
复制代码
目前解决的办法(可以生效)
-
<el-input -
v-model='count' -
oninput="value=value.replace(/[^\d]/g,'')" -
maxLength='9' -
/> -
复制代码
本文探讨了在Element-UI框架中,如何使el-input组件仅接受数字输入,解决了maxLength属性无效、允许输入'e'及重复数字的问题。通过自定义事件处理器,实现了严格的数字输入限制。
1475

被折叠的 条评论
为什么被折叠?



