1. 使用oninput做正则校验
<input placeholder="请输入内容" v-model="from-data" oninput="value=value.replace(/[^\d]/g,'')" />
这样写就可以了
但是,这样会遇到一个问题,就是v-model会失效,下面附上解决方法:
只需要使用 @blur="form-data = $event.target.value" 给绑定的数据重新赋个值即可。
即:
<input placeholder="请输入内容" v-model="from-data" oninput="value=value.replace(/[^\d]/g,'')" @blur="form-data = $event.target.value" />
希望对遇到同样问题的小伙伴有帮助!