el-form-item required 的小红星如何在右边
时间: 2023-12-30 20:43:59 浏览: 114
Vue中el-form标签中的自定义el-select下拉框标签功能
可以使用 `label-position` 属性将 label 放在右边,然后使用 CSS 将小红星移到 label 的左边。
示例代码:
```html
<el-form :label-position="right">
<el-form-item label="用户名" prop="username">
<template #label>
<span>用户名</span>
<span class="required">*</span>
</template>
<el-input v-model="username"></el-input>
</el-form-item>
</el-form>
```
```css
.el-form-item__label .required {
margin-left: 5px;
color: #f56c6c;
}
```
阅读全文