element-ui 表单错误：Cannot read property ‘validate‘ of undefined“

你的 Alex

于 2021-04-13 22:20:19 发布

阅读量346

点赞数

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/m0_46232069/article/details/115680809

版权

vue javascript

Vue 专栏收录该内容

4 篇文章

订阅专栏

这篇博客主要讨论了在使用Element-UI库时遇到的表单验证问题，具体表现为`Cannot read property 'validate' of undefined`。作者在代码中展示了`el-form`的使用，并提供了`submitForm`函数来触发表单验证。当点击确定按钮时，尝试调用`$refs[formName].validate`方法进行表单验证，但遇到了错误。解决方案可能涉及到确保`ref`正确绑定到表单元素，以及在调用验证方法时`$refs`已初始化。博客提醒开发者注意`ref`引用和点击事件参数的正确使用。

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

element-ui 表单错误：Cannot read property ‘validate’ of undefined"

<el-form :model="card_form" ref="card_form" :rules="myrules">
  。。。
</el-form>
<div slot="footer" class="dialog-footer">
  <el-button @click="abrogateAdd('addform')">取 消</el-button>
  <el-button type="primary" @click="submitForm('card_form')" :loading="loading">确 定</el-button>
</div>

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