使用el-input数字校验，输入汉字之后校验取消不掉

先说说复现方式
本来input是只能输入数字的，然后你不鉴戒输入了汉字，触发校验了，然后这时候，你发现校验取消不掉了
就如许了

咋办啊，你一看校验没错啊，各种number啥的也写了,发现没问题啊

1. <el-input
2.   v-number-input
3.   v-model.number="specification.goodsNum"
4.   placeholder="对应商品数量"
5.   maxlength="5"
6. ></el-input>
8. goodsNum: [
9. {
10.     required: true,
11.     message: "对应商品数量必填，限输入5个字符",
12.     trigger: "blur",
13.   },
14. ],

复制代码

然后就绞尽脑汁想，哪出问题了呢，又是想失焦之后去掉校验，又是啥啥的，都不好使
你猜怎么着
用最原始的方法

1. <el-input
2.   v-model="specification.goodsNum"
3.   placeholder="对应商品数量"
4.   maxlength="5"
5. ></el-input>
7. const validateNumber = (rule, value, callback) => {
8. if (!/^\d*\.?\d{0,2}$/.test(value)) {
9.     callback(new Error("请输入数字，最多2位小数"));
10.   } else {
11.     callback();
12.   }
13. };
15. goodsNum: [
16. { validator: validateNumber, trigger: "blur" },
17.   {
18.     required: true,
19.     message: "对应商品数量必填，限输入5个字符",
20.     trigger: "blur",
21.   },
22. ],

复制代码

对，就如许写，嘎嘎好使，再也不报错了