Element-Ui表单移除校验clearValidate和resetFields

2023-10-30 16:43:35 浏览数 (1)

添加和修改公用一个弹窗,点击添加弹窗后,如果没移除表单校验的话,再点击修改弹窗时校验就会被记住,所以需要移除校验,但在清空表单校验时会报如下错误:

那么,你只需要加上这段话即可

代码语言:javascript复制
this.$nextTick(()=>{
    this.$refs.addArray.resetFields(); 
 })

再此,我顺便说一下resetFields和clearValidate的区别:

代码语言:javascript复制
this.$refs.form.resetFields(); //移除表单校验并初始化表单,一般用于添加

this.$refs.form.clearValidate(); //移除表单校验,一般用于修改

注:nextTick(),是将回调函数延迟在下一次dom更新数据后调用,简单的理解是:当数据更新了,在dom中渲染后,自动执行该函数

以上就是Element-Ui表单移除校验clearValidate和resetFields的介绍,做此记录,如有帮助,欢迎点赞关注收藏!

0 人点赞