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

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

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

this.$nextTick(()=>{
    this.$refs.addArray.resetFields(); 
 })
再此,我顺便说一下resetFields和clearValidate的区别:

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

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

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

posted @ 2020-07-10 09:52  GoodTimeGGB  阅读(51)  评论(0编辑  收藏  举报