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

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

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

防止报错小技巧.png

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

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

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

相关文章
|
5月前
|
缓存 JavaScript
vue阻止浏览器刷新和关闭页面提示
使用场景:在使用vuex进行缓存管理时,页面的缓存会随着页面关闭而消失,如果缓存动作仍在进行中,关闭页面会导致数据丢失,此时需要阻止页面关闭
1019 3
|
11月前
|
JavaScript 前端开发
JavaScript禁用网页回退
JavaScript禁用网页回退
46 0
|
JavaScript
vue 校验规则 防止多次点击弹窗重新触发
vue 校验规则 防止多次点击弹窗重新触发
147 0
|
JavaScript
element plus + vue3表单第一次数据未清空的bug问题解决
element plus + vue3表单第一次数据未清空的bug问题解决
525 0
|
JavaScript
Vue——02-06 阻止事件冒泡,阻止默认行为以及监听键盘回车事件
阻止事件冒泡,阻止默认行为以及监听键盘回车事件
361 0
|
JavaScript
JQuery重复校验导致出现双重提示的问题记录
最近在用JQuery Validate做表单校验时,由于需要校验用户名:1、是否符合注册规则;2、是否为空;3、是否已被注册;4、是否包含特殊字符,但问题来了,第一次点击是校验非空,但输入非法的用户名后会提示不符合注册规则,遂将其删掉,这时便出现了所述问题:既校验了非空,又校验了注册规则。
104 0
JQuery重复校验导致出现双重提示的问题记录
|
JavaScript 前端开发 双11
清除前端标签中(输入框)的内容
清除前端标签中(输入框)的内容
139 0
|
Web App开发 JavaScript 前端开发
Javascript判断页面刷新或关闭的方法(转)
onbeforeunload与onunload事件 Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。
1975 0
html+css实战130-版心和清除样式
html+css实战130-版心和清除样式
401 0
|
JavaScript
js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交
js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交
459 0
js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交