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

隐身守侯 提交于 2020-10-03 01:43:43

需求说明

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

 
  1. <el-input

  2. v-model.number='count'

  3. type='number'

  4. maxLength='9'

  5. />

  6. 复制代码

存在的问题

 
  1. 1. maxLength不生效

  2. 2. 可以输入e

  3. 3. 可以输入1.1.....11...1

  4. 复制代码

目前解决的办法(可以生效)

 
  1. <el-input

  2. v-model='count'

  3. oninput="value=value.replace(/[^\d]/g,'')"

  4. maxLength='9'

  5. />

  6. 复制代码

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!