vue element-ui使用required进行表单校验时自定义提示语问题
作者：柯柯就是我
这篇文章主要介绍了vue element-ui使用required进行表单校验时自定义提示语问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
element-ui使用required表单校验时自定义提示语
如果我们直接在html里面使用required时
当我们在输入框输入一些数据，然后使用backspace逐个删掉，删完的时候就又会出现
即使我们已经添加了rules验证
此时我们需要进行如下修改
首先把HTML里面的required删掉，然后在js的rules验证里添加
即可修改验证
element-ui表单项自定义校验设置必填项required
使用elementUI的表单校验有时需要用到默认校验和自定义校验的组合规则，比如下面这种部分表单项需要根据其他非input内容是否为空进行校验。
后两项内容设为空，点击确定进行表单校验，此时提示正常没有问题
而当内容不为空时，下方却出现了xxx is required的提示。
经过排查，发现是el-form-item中的required属性引起的，说明自定义校验规则和required属性不能同时出现，否则两种校验都会生效，而最后这两个表单项并没有input框，设置required属性就会判定内容为空，就会提示xxx is required。
那么如何在使用自定义规则的同时又显示必填项的*号呢？
只需把class设置为is-required即可。
此时内容不为空时提交就能正常校验了。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。