el-form rules 填了还报错
时间: 2023-10-02 18:04:35 浏览: 74
您好!对于 el-form 组件的 rules 属性,填写了规则后仍然报错可能有以下几个原因:
1. 规则写法错误:请确保您的规则写法正确。每个规则应该是一个对象,包含 required、pattern、min、max 等属性。例如:
```
rules: {
username: [
{ required: true, message: '请输入用户名', trigger: 'blur' },
{ min: 3, max: 10, message: '用户名长度在3到10个字符之间', trigger: 'blur' }
],
password: [
{ required: true, message: '请输入密码', trigger: 'blur' },
{ min: 6, message: '密码长度至少为6个字符', trigger: 'blur' }
]
}
```
2. 表单项绑定错误:请确保您的表单项正确绑定了 rules 属性。例如:
```
<el-form :model="form" :rules="rules">
<el-form-item prop="username">
<el-input v-model="form.username"></el-input>
</el-form-item>
</el-form>
```
3. 规则校验触发方式错误:请确保您的规则校验触发方式正确。trigger 属性可以设置为 blur、change 等。例如:
```
{ required: true, message: '请输入用户名', trigger: 'blur' }
```
如果以上解决方案仍然无法解决问题,请提供更多的错误信息、代码片段或详细描述,以便我更好地帮助您解决问题。
阅读全文