Element-Ui表单移除校验clearValidate和resetFields
添加和修改公用一个弹窗,点击添加弹窗后,如果没移除表单校验的话,再点击修改弹窗时校验就会被记住,所以需要移除校验,但在清空表单校验时会报如下错误:
那么,你只需要加上这段话即可
this.$nextTick(()=>{ this.$refs.addArray.resetFields(); })
再此,我顺便说一下resetFields和clearValidate的区别:
this.$refs.form.resetFields(); //移除表单校验并初始化表单,一般用于添加
this.$refs.form.clearValidate(); //移除表单校验,一般用于修改
注:nextTick(),是将回调函数延迟在下一次dom更新数据后调用,简单的理解是:当数据更新了,在dom中渲染后,自动执行该函数
本文来自博客园,作者:GoodTimeGGB,转载请注明原文链接:https://www.cnblogs.com/goodtimeggb/p/17046252.html