el-form-item :rules
时间: 2023-12-06 14:33:47 浏览: 112
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
el-form-item 的 rules 属性是用来定义表单项的校验规则的。它是一个数组,每个元素都是一个对象,用来描述一个校验规则。每个校验规则对象包含以下属性:
- required:是否必填,布尔类型,默认为 false。
- message:校验失败时的提示信息,字符串类型。
- trigger:触发校验的事件,字符串类型,默认为 'blur'。
- validator:自定义校验函数,Function 类型。
例如,下面的代码定义了一个必填项的校验规则:
```html
<el-form-item label="用户名" prop="username" :rules="[{ required: true, message: '请输入用户名', trigger: 'blur' }]">
<el-input v-model="form.username"></el-input>
</el-form-item>
```
阅读全文