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

最新推荐文章于 2024-08-12 11:59:05 发布

L_WalkingPig

最新推荐文章于 2024-08-12 11:59:05 发布

阅读量5k

点赞数 1

分类专栏： Vue 文章标签： vue.js

本文链接：https://blog.csdn.net/l_walkingpig/article/details/105528952

版权

Vue 专栏收录该内容

27 篇文章 4 订阅

订阅专栏

直接按照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>