vue表单校验后再次打开弹窗提示错误信息还在

创建和编辑弹窗共用同一个弹窗，当其中一个触发表单校验后再次打开仍然存在（如图）

后来我问了下度娘发现需要清空表单校验

this.$refs.form.clearValidate()

当我在打开弹窗的函数中加上这一行代码后再运行会报错

this.$refs.xxx is undefined / xxx of undefined

类似的

首先需要排除ref定义名称与使用名称不一致
其次得在dom中存在后再清空校验 不然还是会报错
最后需要在打开弹窗的函数中加上this.$nextTick()

this.$nextTick(() => {
    this.$refs.form.clearValidate()
})