element ui表单验证规则不生效的原因
addFormRules: {
name: [
// { required: true, message: "请输入用户名", trigger: "blur" },
{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
]
}
加上这段规则后,发现失去焦点并没有生效。
经排查,原因是
<el-form-item label="用户名" prop="name">
<el-input v-model="addForm.name"></el-input>
</el-form-item>
prop="name"和v-model=“addForm.name”,名称一样,都改成name就好了