<el-form-item prop="problem_detail.project_phase" :rules="[ { required: true, message: '请输入邮箱地址', trigger: 'blur' } ]" style="margin-left: 8px"> 将校验信息以行内的形式显示
时间: 2024-02-14 11:17:01 浏览: 47
vue实现表单数据验证的实例代码
你可以在 `el-form-item` 标签中添加 `show-message` 属性来将校验信息以行内的形式显示,例如:
```html
<el-form-item
prop="problem_detail.project_phase"
:rules="[{ required: true, message: '请输入邮箱地址', trigger: 'blur' }] "
style="margin-left: 8px"
show-message
>
</el-form-item>
```
这样,当表单验证未通过时,错误信息会直接显示在表单项下方。
阅读全文