el-input 数字校验

Posted 2023-04-01

参考技术A 项目中使用 Vue + elementUi 搭建后台管理系统，在输入框进行数字校验的时候不知为何官网的方法不起作用，只能用了个迂回的方法。

官网的方法：

自己的方法：

el-input使用oninput做正则校验之后，v-model不能赋值

参考技术A 一个输入框，只能输入数字，必填项（输入除数字之外的任何东西，都不会出现在输入框里）

1.英文输入法按出字母，无法出现在输入框内，此步骤正常
2.失去焦点后，提示此项为必填，此步骤正常
3.输入数字之后提示消失，此步骤正常
4.中文输入法按出词语，无法出现在输入框内，此步骤正常
5.失去焦点后，提示此项为必填，此步骤正常
6.输入数字之后提示不消失，v-model显示为空字符串

在输入中文输入法触发了oninput之后，v-model绑定的值会被赋值为空字符串，这时候再输入数字，依然会被赋值为空字符串

在blur事件中手动赋值