当点击清空表单按钮时,会有这个报错,是因为这个form表单中含有未找到的值;

比如:当active=1时,el-form-item的prop绑定username;当active=2,prop绑定gender;

当active=1时,这个form表单中有username和gender,gender只是不在页面上展示,清空表单时,会清空form表单中所有的值,找不到gender字段所以报的错;

解决:

将element自带的resetFields替换成form表单中每一项为初始值即可;

比如:

reset(formName){
this.form.username='',
this.form.gender=''
  this.$nextTick(() => {
        this.$refs[formName].clearValidate(); //为了清除校验的提示
      
      });
}

Logo

前往低代码交流专区

更多推荐