el-select 怎么在前面加字
时间: 2023-12-12 10:34:40 浏览: 613
在element-plus中,可以使用`<template #prefix>`来在`el-select`前面添加图标或文字。示例如下:
```html
<el-select clearable style="width: 560px" v-model="userModel.industryClassifyGid" placeholder="所属行业">
<template #prefix>
<span style="padding-left: 5px;">
<i class="el-icon-suitcase"></i>
</span>
</template>
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
```
在element-ui中,`el-select`没有`prefix-icon`属性,但可以使用`<template slot="prefix">`来实现相同的效果。示例如下:
```html
<el-select clearable style="width: 560px" v-model="userModel.industryClassifyGid" placeholder="所属行业">
<template slot="prefix">
<i class="el-icon-suitcase"></i>
</template>
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
```