el-form-item 表单不能为空
时间: 2024-06-18 20:02:34 浏览: 222
表单不能为空
el-form-item 是 Element UI 组件库中的一个表单项组件,通常用于在表单中包裹表单控件,提供表单的样式和布局。如果 el-form-item 组件内部的表单控件没有填写或者填写的内容不符合要求,可以设置该 el-form-item 为必填项,即不能为空。
在 Element UI 中,可以通过设置 el-form-item 的 prop 属性为 required 来设置其为必填项,例如:
```html
<el-form-item label="用户名" prop="username" required>
<el-input v-model="form.username"></el-input>
</el-form-item>
```
上述代码中,我们通过设置 el-form-item 的 prop 属性为 username,来关联表单数据中的用户名字段。同时,我们设置了 required 属性来使得该表单项为必填项。如果用户没有填写该表单项,或者填写的内容不符合要求,该表单项会出现红色的错误提示信息。
阅读全文