Vue用elementui表单校验报错： Error in v-on handler: "TypeError: Cannot read property 'validate' of undefined

直接按照elementui官方的写法：

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

//form表头这么写的

报错：

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

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

//form表头 ref 改为