Elment清除表单验证,防止报错小技巧

简介: 当用方法 clearValidate 时,会发现意外的报错

当用方法 clearValidate 时,会发现意外的报错,如下图:

防止报错小技巧.png

别慌,这是由于表单还未渲染完成,所以触发不到事件造成的,一招解决

setTimeout(() => {
  // form为节点里ref的取值名
  this.$refs[form].resetFields()
}, 200)

加定时器,延迟事件,就能触发了。

相关文章
|
8月前
|
缓存 JavaScript
vue阻止浏览器刷新和关闭页面提示
使用场景:在使用vuex进行缓存管理时,页面的缓存会随着页面关闭而消失,如果缓存动作仍在进行中,关闭页面会导致数据丢失,此时需要阻止页面关闭
1268 3
element中form表单resetFields()方法重置表单无效
element中form表单resetFields()方法重置表单无效
199 0
|
JavaScript
表单设置 disabled 后无法传值到后台的解决办法
表单设置 disabled 后无法传值到后台的解决办法
224 0
|
JavaScript
vue 校验规则 防止多次点击弹窗重新触发
vue 校验规则 防止多次点击弹窗重新触发
167 0
|
JavaScript
element plus + vue3表单第一次数据未清空的bug问题解决
element plus + vue3表单第一次数据未清空的bug问题解决
583 0
|
JavaScript
Vue——02-06 阻止事件冒泡,阻止默认行为以及监听键盘回车事件
阻止事件冒泡,阻止默认行为以及监听键盘回车事件
384 0
|
JavaScript 安全 前端开发
Vue如何读取cookie实现路由守卫(检查用户登录状态)
一般实现路由守卫,判断用户的登录状态使用token和cookie验证两种方法,这次项目后端是给我提供的cookie验证,写到这里就记录一下,希望能帮助到你们
774 0
Vue如何读取cookie实现路由守卫(检查用户登录状态)
|
JavaScript 前端开发
自动提交表单的实现方法
可以解决采集需要自动提交的问题!   方法一:   Untitled Document (1)自动提交表单:    setTimeout("document.form1.submit()",10000)                      10秒后提交。
2513 0
清除input输入框的历史记录
清除input输入框的历史记录
1376 0
清除input输入框的历史记录
|
JavaScript
js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交
js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交
478 0
js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交