elementUI form表单验证不通过的三个原因

    <el-form :model="form" :rules="rules"> 
      <el-form-item prop="input">
          <el-input v-model="form.input"></el-input>
      </el-form-item>
    </el-form>

　　

如上面的代码

1、<el-form>标签绑定内容必须通过 :model='form' 绑定，不能使用v-model="form"

2、<el-form-item prop="input">中prop后面的字符必须和<el-form-item>标签中需要验证的值的参数名一样

3、需要验证的值必须是包含在<el-form>标签：model绑定的值里面，比如  form.input是form的参数

 

以上三个情况是我开发时候遇到的，纠结了很久才发现的，希望对各位有帮助。

转载于:https://www.cnblogs.com/Simple-and-complex/p/11512491.html