elementui 表单验证,element表单验证提示不消失
主要介绍元素形式验证中如何清除检查提示，通过实例代码详细介绍，有一定的参考价值，感兴趣的朋友可以参考一下。
目录
问题场景：解决方案：1。请单独验证该字段。2.清除表单域正下方该域的提示信息。
问题场景：
在最近的项目开发过程中，我遇到了这样一个问题：
在检查表单域的数据时，有一项比较特殊，不是简单的输入框和下拉框，而是自己写的el-table选择弹出窗口。我是这样查的：
原内酯：[
{必填：真，消息：请选择一个解决方案，触发器：模糊 }，
],
这样可以实现验证功能，但是会有一个问题。如果触发验证条件(提交按钮)并提示错误信息，即使重新选择数据，错误信息仍然存在，因为验证是通过不再次点击提交按钮来触发的。所以用户体验不是很好。
解决方案：
1. 对字段进行单独校验
单击保存按钮触发验证，这通常会验证所有字段。element-ui中的表单组件也提供了验证字段的功能。使用方式如下：
这个。$ refs . addform . validate field( protocolId ，(valid)={
//valid返回规则集中写入的错误信息。如果满足条件，则返回的消息为空。
如果(！有效){
返回
}
})
上面的代码可以在确认数据选择的函数中执行，以便再次检查这个特殊内容。如果符合检验规则，错误提示会消失。
2. 直接清除表单域下该字段的提示信息
这个。$ refs . addform . clear validate()；
这种方法是直接清除错误信息，不做任何判断。个人不建议。
关于如何在元素表单验证中清除验证提示的文章到此结束。有关在元素形式验证中清除验证提示的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。