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

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

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

防止报错小技巧.png

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

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

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

相关文章
|
9月前
|
缓存 JavaScript
vue阻止浏览器刷新和关闭页面提示
使用场景:在使用vuex进行缓存管理时,页面的缓存会随着页面关闭而消失,如果缓存动作仍在进行中,关闭页面会导致数据丢失,此时需要阻止页面关闭
1292 3
|
JavaScript 前端开发
JavaScript禁用网页回退
JavaScript禁用网页回退
57 0
element中form表单resetFields()方法重置表单无效
element中form表单resetFields()方法重置表单无效
211 0
|
JavaScript
element plus + vue3表单第一次数据未清空的bug问题解决
element plus + vue3表单第一次数据未清空的bug问题解决
592 0
|
前端开发
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
有时候我们可能需要在表单中放置多个按钮,比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件,在单击响应事件中进行提交表单,这没有任何问题。点击取消按钮的时候,触发对应的单击响应事件,这个单击响应事件中主要处理关闭表单页面逻辑,所以会关闭页面,这也正常。但是!打开控制台监听请求会发现,它也会提交表单。
680 0
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
|
JavaScript
Vue——02-06 阻止事件冒泡,阻止默认行为以及监听键盘回车事件
阻止事件冒泡,阻止默认行为以及监听键盘回车事件
389 0
|
Web App开发 JavaScript 前端开发
Javascript判断页面刷新或关闭的方法(转)
onbeforeunload与onunload事件 Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。
2030 0
|
JavaScript 前端开发
自动提交表单的实现方法
可以解决采集需要自动提交的问题!   方法一:   Untitled Document (1)自动提交表单:    setTimeout("document.form1.submit()",10000)                      10秒后提交。
2530 0
JS 事件对象阻止默认行为与阻止冒泡
JS 事件对象阻止默认行为与阻止冒泡
JS 事件对象阻止默认行为与阻止冒泡
|
JavaScript
js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交
js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交
482 0
js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交