后台管理系统,使用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,'')
}
}