直接按照elementui官方的写法:

submitForm(formName) {
    this.$refs[formName].validate((valid) => {
      if (valid) {
        alert('submit!');
      } else {
        console.log('error submit!!');
        return false;
    }
});

//form表头这么写的
<el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px" class="demo-ruleForm"></el-form>

报错:

解决办法:是把表头的 ref 和 this.$refs.formItemName.validate((valid) => {};的 formItemName 改为一致,如下图;

 //校验活动形式
this.$refs.formItemName.validate((valid) => {
    if (valid) {
       alert('submit!');
    } else {
       console.log('活动形式必填呀呀呀呀呀呀!!');
       return false;
    }
});

//form表头 ref 改为
<el-form ref="formItemName" :model="ruleForm" :rules="rules" label-width="100px" class="demo-ruleForm"></el-form>

 

Logo

前往低代码交流专区

更多推荐