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

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


image.png

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

this.$refs.form.clearValidate()

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

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

类似的

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

this.$nextTick(() => {
    this.$refs.form.clearValidate()
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容