el-select中的el-option选中后显示的是图片
时间: 2023-07-24 18:40:35 浏览: 99
EL表达式处理带图片内容的显示问题
4星 · 用户满意度95%
可以通过在el-option组件中设置slot来实现显示图片。具体实现方式如下:
1. 在el-option组件中设置slot属性,值为label。
2. 在label的slot中添加img标签,并设置src属性为图片的路径。
示例代码如下:
```
<el-select v-model="selected">
<el-option label="Option 1" value="1">
<template slot="label">
<img src="path/to/image1.png" alt="Image 1">
</template>
</el-option>
<el-option label="Option 2" value="2">
<template slot="label">
<img src="path/to/image2.png" alt="Image 2">
</template>
</el-option>
</el-select>
```
上述代码中,我们在el-option组件中添加了label的slot,并在其中添加了img标签来显示图片。注意要将图片的路径替换为正确的路径。
阅读全文