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

需求说明

后台管理系统,使用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. 复制代码

猜你喜欢

转载自blog.csdn.net/sd19871122/article/details/108449346
今日推荐