清除element-ui校验错误提示信息

今天工作中需要实现一个需求就是

当我出现错误提示后,我再次打开这个对话框是希望错误提示信息消失的.
我们可以去看一下element-ui官方文档,里面有一个方法是可以实现这个效果的.

　this.$refs['form'].clearValidate();

**

这里的form是你form表单中ref的名字

**


但是后面又碰到一种情况,代码一样但是缺一直报错.我的form表单写在card卡片下的.不知道是不是这个原因造成的.

进行断点以后发现this.$refs[“exchGoods”]这一部分都是有内容的,但是到了clearValidate这一步就开始undefined了.

后面各种百度我将代码改为下图就正确了.不知道为啥.

补充:this.$refsref有三种用法：1、ref加在普通的元素上，用this.$refs.（ref值） 获取到的是dom元素
　　2、ref 加在子组件上，用this.$refs.（ref值）获取到的是组件实例，可以使用组件的所有方法。在使用方法的时候直接this.$refs.（ref值）.方法（） 就可以使用了。
　　3、如何利用 v-for 和 ref 获取一组数组或者dom 节点

$refs更详细的内容:
https://blog.csdn.net/wh710107079/article/details/88243638