el-form-item怎么添加图标
时间: 2023-11-05 07:17:40 浏览: 163
要在 `el-form-item` 中添加图标,你可以使用 `el-input` 或 `el-select` 组件,并在其右侧添加图标。下面是一个示例:
```html
<template>
<el-form>
<el-form-item label="用户名">
<el-input prefix-icon="el-icon-user"></el-input>
</el-form-item>
<el-form-item label="密码">
<el-input type="password" prefix-icon="el-icon-lock"></el-input>
</el-form-item>
<el-form-item label="性别">
<el-select v-model="gender" placeholder="请选择">
<el-option label="男" value="male"></el-option>
<el-option label="女" value="female"></el-option>
</el-select>
</el-form-item>
</el-form>
</template>
```
在上面的示例中,`prefix-icon` 属性用于在输入框或选择框前添加图标。你可以根据需要选择适合的图标,例如 `el-icon-user` 和 `el-icon-lock`。
阅读全文