el-form-item修改label位置
时间: 2023-12-14 20:50:53 浏览: 263
Vue中el-form标签中的自定义el-select下拉框标签功能
可以通过 `label-position` 属性来修改 `el-form-item` 中 `label` 的位置,具体的取值有 `'left'`、`'right'`、`'top'`。
示例代码:
```html
<el-form label-position="left">
<el-form-item label="用户名">
<el-input placeholder="请输入用户名"></el-input>
</el-form-item>
<el-form-item label="密码">
<el-input type="password" placeholder="请输入密码"></el-input>
</el-form-item>
</el-form>
```
在上述代码中,`label-position` 属性被设置为 `'left'`,即 `label` 位于表单项左侧。如果需要将 `label` 位于表单项上方,可以将 `label-position` 属性设置为 `'top'`。
阅读全文