el-form-item__label怎么加icon图标
时间: 2023-12-14 08:46:07 浏览: 64
el-table,el-form在vue中封装组件化,含操作按钮和插槽.pdf
5星 · 资源好评率100%
你可以使用`<i>`标签来添加icon图标,然后通过CSS样式设置它的位置。以下是一个示例代码:
```
<el-form-item label="Username">
<i class="el-icon-user"></i>
<el-input></el-input>
</el-form-item>
```
在这个例子中,我们在`<el-form-item>`标签中添加了一个`<i>`标签,它的class属性设置为`el-icon-user`,这是一个预定义的图标类。你可以使用任何你想要的图标类。然后你可以使用CSS样式来设置图标的位置,例如:
```
.el-form-item i {
position: absolute;
left: 10px;
top: 10px;
font-size: 18px;
}
```
在这个例子中,我们将`<i>`标签的位置设置为绝对位置,并将其放置在`<el-form-item>`标签的左上角。你可以根据你的需要调整位置和大小。
阅读全文