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

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

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

防止报错小技巧.png

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

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

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

相关文章
|
8月前
|
缓存 JavaScript
vue阻止浏览器刷新和关闭页面提示
使用场景:在使用vuex进行缓存管理时,页面的缓存会随着页面关闭而消失,如果缓存动作仍在进行中,关闭页面会导致数据丢失,此时需要阻止页面关闭
1261 3
|
4月前
|
缓存 JavaScript
vue使用keep-alive实现页面前进刷新,后退缓存,完美运行无bug
vue使用keep-alive实现页面前进刷新,后退缓存,完美运行无bug
650 1
|
JavaScript
【VUE异常】el-popconfirm失效,@confirm事件不生效,点击没有任何反应,刷新页面才能点击
【VUE异常】el-popconfirm失效,@confirm事件不生效,点击没有任何反应,刷新页面才能点击
377 0
|
8月前
|
存储 JavaScript 前端开发
js阻止页面回退
js阻止页面回退
129 1
|
JavaScript 前端开发
JavaScript禁用网页回退
JavaScript禁用网页回退
55 0
|
JavaScript
表单设置 disabled 后无法传值到后台的解决办法
表单设置 disabled 后无法传值到后台的解决办法
218 0
|
JavaScript
vue 校验规则 防止多次点击弹窗重新触发
vue 校验规则 防止多次点击弹窗重新触发
167 0
|
JavaScript
element plus + vue3表单第一次数据未清空的bug问题解决
element plus + vue3表单第一次数据未清空的bug问题解决
581 0
|
前端开发
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
有时候我们可能需要在表单中放置多个按钮,比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件,在单击响应事件中进行提交表单,这没有任何问题。点击取消按钮的时候,触发对应的单击响应事件,这个单击响应事件中主要处理关闭表单页面逻辑,所以会关闭页面,这也正常。但是!打开控制台监听请求会发现,它也会提交表单。
674 0
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
|
JavaScript
Vue——02-06 阻止事件冒泡,阻止默认行为以及监听键盘回车事件
阻止事件冒泡,阻止默认行为以及监听键盘回车事件
384 0