elementplus 表单标签图标
时间: 2023-11-12 15:04:42 浏览: 219
vue element项目引入icon图标的方法
在 Element Plus 中,可以通过使用 `el-icon` 类来添加图标到表单标签中。你可以在表单的 `label` 属性中使用该类,并选择适当的图标名称。
以下是一些常用的 Element Plus 图标示例:
```html
<el-form>
<el-form-item label="用户名">
<el-input placeholder="请输入用户名">
<template #prepend>
<i class="el-icon-user"></i>
</template>
</el-input>
</el-form-item>
<el-form-item label="密码">
<el-input type="password" placeholder="请输入密码">
<template #prepend>
<i class="el-icon-lock"></i>
</template>
</el-input>
</el-form-item>
</el-form>
```
请注意,在上述示例中,我们在 `el-input` 组件的 `prepend` 插槽中添加了图标元素,通过选择合适的 `el-icon` 类名,你可以使用不同的图标。
阅读全文