创建和编辑弹窗共用同一个弹窗,当其中一个触发表单校验后再次打开仍然存在(如图)
后来我问了下度娘发现需要清空表单校验
this.$refs.form.clearValidate()
当我在打开弹窗的函数中加上这一行代码后再运行会报错
this.$refs.xxx is undefined / xxx of undefined
类似的
首先需要排除ref定义名称与使用名称不一致
其次得在dom中存在后再清空校验 不然还是会报错
最后需要在打开弹窗的函数中加上this.$nextTick()
this.$nextTick(() => {
this.$refs.form.clearValidate()
})