使用elementUI的表单校验有时需要用到默认校验和自定义校验的组合规则,比如下面这种部分表单项需要根据其他非input内容是否为空进行校验。





后两项内容设为空,点击确定进行表单校验,此时提示正常没有问题

而当内容不为空时,下方却出现了xxx is required的提示。

经过排查,发现是el-form-item中的required属性引起的,说明自定义校验规则和required属性不能同时出现,否则两种校验都会生效,而最后这两个表单项并没有input框,设置required属性就会判定内容为空,就会提示xxx is required。那么如何在使用自定义规则的同时又显示必填项的*号呢?只需把class设置为is-required即可。

此时内容不为空时提交就能正常校验了。
