产品交付给测试,测试说会偶现输入值后依赖的一个计算属性值不会更新,最终经过测试童鞋的不懈努力,最终发现,只要在输入数字之前,输入英文中文等就必会触发此bug最终解决方案在使用 el-in">
wkiwi的博客

Element-ui input 输入框限制输入数字bug

发布时间:3年前热度: 2032 ℃评论数:

后台管理系统,使用element-ui el-input组件,要求只能输入数字正整数,解决方案

HTML

<el-input

 v-model='count'

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

 maxLength='3'

/>

产品交付给测试,测试说会偶现输入值后依赖的一个计算属性值不会更新,最终经过测试童鞋的不懈努力,最终发现,只要在输入数字之前,输入英文中文等就必会触发此bug



最终解决方案



在使用 el-input 组件内监听count 在组件内处理count值

HTML

<el-input

 v-model='count'

 maxLength='3'

/>

JS

watch:{

    count (value){

      this.count = value.replace(/[^\d]/g,'')

    } 

  }


附解决方案二 https://juejin.cn/post/6844903850197909517

Element-ui,el-input,input

手机扫码访问