VUE报错：Cannot read properties of undefined (reading ‘validate‘)

最新推荐文章于 2025-04-26 13:25:33 发布

小固吖

最新推荐文章于 2025-04-26 13:25:33 发布

阅读量893

点赞数 1

分类专栏： VUE 文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_43551325/article/details/138145798

版权

VUE 专栏收录该内容

2 篇文章

订阅专栏

文章讲述了在Vue项目中使用ElementUI的el-form组件时，遇到validate函数报错的问题，原因在于form-ref标签缺少ref属性。解决方法是在el-form标签中添加ref属性为form，确保表单验证正常工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-form ref="form" :model="form" :rules="rules" label-width="80px">
</el-form>

submitForm() {
  this.$refs["form"].validate(valid => {
    if (valid) {
      if (this.form.templateId != null) {
        updateTemplateInfo(this.form).then(response => {
          this.$modal.msgSuccess("修改成功");
          this.open = false;
          this.getList();
        });
      } else {
        addTemplateInfo(this.form).then(response => {
          this.$modal.msgSuccess("新增成功");
          this.open = false;
          this.getList();
        });
      }
    }
  });
},

出错问题：用validate进行判定，结果报错
解决方法：el-form中没写ref=“form”,添加即可