ElementUI登录表单校验时遇到的坑点

ElementUI登录表单校验时遇到的坑点

最近有在写一个登录的表单校验，但是遇到了一个报错：
Cannot read property ‘validate’ of undefined

解决方案：

1.关于登录按钮

 <el-button type="primary" @click="submitForm('ruleForm')">登录</el-button>

 错误：submitForm(ruleForm)
 正确：submitForm('ruleForm')

2.关于el-form表单的书写格式

:rules=" "
 ref=" "
 prop=" "

3.另外需要注意的：

prop="name"
ruleForm: {
        name: ' ',
      },
  rules: {
        name: [
          { required: true, message: '请输入您的用户名', trigger: 'blur' }
        ],
      }

这三个值的名称要保持一致