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

相关资源：表单验证自定义验证规则和错误信息