创建和编辑弹窗共用同一个弹窗，当其中一个触发表单校验后再次打开仍然存在（如图）
image.png
后来我问了下度娘发现需要清空表单校验
this.$refs.form.clearValidate()
当我在打开弹窗的函数中加上这一行代码后再运行会报错
this.$refs.xxx is undefined / xxx of undefined
类似的
首先需要排除ref定义名称与使用名称不一致
其次得在dom中存在后再清空校验 不然还是会报错
最后需要在打开弹窗的函数中加上this.$nextTick()
this.$nextTick(() => {
this.$refs.form.clearValidate()
})
创建和编辑弹窗共用同一个弹窗，当其中一个触发表单校验后再次打开仍然存在（如图） 后来我问了下度娘发现需要清空表单校...
在表单输入完成后,提交到后端 后端校验错误返回错误信息后: 在错误字段(password)上显示错误信息, myF...
编辑弹窗，弹窗为父组件，编辑表单为子组件。 弹窗点击确认的时候，需要先得到表单的校验结果。即父组件需要调用子组件函...
ivew 里弹框存在表单验证时，再次打开出现校验问题； 2.把 visable放在
解决方案 需要从redux中回填错误信息去显示表单校验错误
Vue js 表单校验失效 Vue js 中input输入框中在输入数据的情况下仍旧提示不能为空的问题 一定要注意...
1、vue使用element-ui的form表单验证 问题描述：第一次点击新增时正常，第二次新增打开弹窗后由于表单...
// 清除表单校验的提示if (this.nextTick(function () {this.$refs['XX...
使用Element UI表单，校验数字表单项的时候怎么都会提示 xxx is not a number，代码如下：...
form表单校验时，发现提示信息一直不显示 原因：是因为form表单中有用到了自定义校验，但是callback没有...
本文标题：vue表单校验后再次打开弹窗提示错误信息还在
本文链接：https://www.haomeiwen.com/subject/bymomltx.html
网友评论