el-form-item
时间: 2023-06-22 09:25:51 浏览: 107
Vue中el-form标签中的自定义el-select下拉框标签功能
el-form-item是Element UI中的表单项组件,用于组织表单中的各个表单项。每个el-form-item可以包含一个或多个表单控件,如el-input、el-select等,用于接收用户的输入或选择。el-form-item还可以设置表单验证规则、标签、插槽等属性,方便开发者进行表单的布局和验证。
在代码中,el-form-item的具体使用方式如下:
```html
<el-form-item label="用户名" prop="username">
<el-input v-model="form.username"></el-input>
</el-form-item>
```
其中,label属性设置了表单项的标签,prop属性设置了表单项的验证规则,el-input控件使用了v-model指令绑定了form中的username属性,将用户输入的值同步到数据模型中。
阅读全文