在element-plus里,FormRules 是什么意思
时间: 2023-07-19 17:09:23 浏览: 44
在element-plus中,FormRules是一个表单验证规则对象,用于对表单数据进行校验。在使用element-plus的表单组件时,我们可以通过在el-form组件上设置rules属性,传入一个表单验证规则对象(FormRules),来对表单数据进行校验。这个表单验证规则对象由一组属性和值组成,每个属性对应一个表单项,值是一个数组,包含了需要校验的规则。例如:
```javascript
const rules = {
username: [
{ required: true, message: '请输入用户名', trigger: 'blur' },
{ min: 3, max: 10, message: '长度在 3 到 10 个字符', trigger: 'blur' }
],
password: [
{ required: true, message: '请输入密码', trigger: 'blur' },
{ min: 6, max: 20, message: '长度在 6 到 20 个字符', trigger: 'blur' }
]
}
```
在上述代码中,我们定义了一个包含两个属性的表单验证规则对象,分别是username和password。对于每个属性,我们又定义了一个包含多个验证规则的数组,用于对该属性的表单项进行校验。例如,对于username属性,我们定义了两个验证规则,分别是必填和长度在3到10个字符之间。当用户输入表单数据时,FormRules会按照我们定义的规则进行校验,如果校验不通过,则会提示错误信息。