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

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

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

this.$nextTick(()=>{
    this.$refs.addArray.resetFields(); 
 })

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

this.$refs.form.resetFields(); //移除表单校验并初始化表单，一般用于添加

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

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

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