项目场景:
前端使用elementui,需要校验输入框的值是数字并且允许为空
问题描述:
实际使用中发现:输入框为空时会触发校验失败的提示。
原因分析:
这个显然是校验规则有问题,没什么好说的。
解决方案:
查资料后增加了一个规则属性:required: false,即:
本来以为到此就结束了,结果出现了奇怪的现象,有一些输入框改完之后达到了预期的结果,但是还有一些使用同样的方法修改却没有效果,输入为空时依然会提示校验不通过。
仔细检查后发现不生效的那些字段在表单加载时没有初始化,在初始化的方法中加上一个
effectTerm: null,每次打开表单时都将字段初始化为null即可。