el-form-item标签
时间: 2023-11-05 09:56:24 浏览: 103
el-form-item标签是Element UI库中用于表单的组件,用于包裹表单项(form item)。它通常作为el-form组件的子组件使用,用于布局和验证表单项。
el-form-item标签的主要属性包括:
- prop:表单项对应的数据字段名,用于与el-form组件中的model进行绑定。
- label:表单项的标签文本。
- label-width:表单项的标签宽度,可以是像素值或百分比。
- required:是否为必填项,如果设置为true,则会有红色的星号标识。
- rules:表单项的验证规则,可以是一个数组或对象,用于进行表单项的校验。
除了以上属性,el-form-item还可以包含其他的子组件或HTML元素,用于展示和编辑表单项的内容。
示例代码:
```
<el-form :model="formData">
<el-form-item label="用户名" prop="username" required>
<el-input v-model="formData.username"></el-input>
</el-form-item>
<el-form-item label="密码" prop="password" required>
<el-input type="password" v-model="formData.password"></el-input>
</el-form-item>
</el-form>
```
以上代码中,el-form-item标签包裹了两个el-input组件,分别用于输入用户名和密码。prop属性用于与formData对象中的字段进行绑定,label属性用于显示表单项的标签文本,required属性指定该项为必填项。
阅读全文