el-select中的v-for下的el-option选中后显示的是图片

在使用`v-for`渲染`el-option`时，可以通过在`el-option`组件中设置`slot`来实现显示图片。具体实现方式如下：

1. 在`el-option`组件中设置`slot`属性，值为`label`。

2. 在`label`的`slot`中添加`img`标签，并设置`src`属性为图片的路径。

示例代码如下：

<el-select v-model="selected">
  <el-option
    v-for="(item, index) in options"
    :key="index"
    :label="item.label"
    :value="item.value">
    <template slot="label">
      <img :src="item.image" alt="Image">
      <span>{{ item.label }}</span>
    </template>
  </el-option>
</el-select>

上述代码中，我们通过`v-for`遍历`options`数组，渲染多个`el-option`组件，并在每个`el-option`组件中添加了`label`的`slot`，并在其中添加了`img`标签来显示图片。注意要将图片的路径存储在`options`数组中，并使用`:src`绑定到`img`标签的`src`属性上。

相关问题

el-select中的el-option选中后显示的是图片

可以通过在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标签来显示图片。注意要将图片的路径替换为正确的路径。

el-select中 v-for下选中的数据回显图片

如果你在 el-select 的下拉选项中使用了 v-for 渲染数据，并且这些数据包含了图片地址，那么可以通过自定义 el-select 的下拉选项模板实现选中数据时回显图片。具体实现步骤如下：

1. 定义一个变量来保存选中的数据的值：

data() {
  return {
    selectedData: null
  }
}

2. 在 el-select 组件上绑定 v-model，将选中的数据的值赋值给 selectedData 变量：

<el-select v-model="selectedData">
  <template v-for="(item, index) in dataList">
    <el-option :key="index" :label="item.label" :value="item">
      <img class="select-img" :src="item.imageUrl" />
      <span class="select-text">{{ item.label }}</span>
    </el-option>
  </template>
</el-select>

3. 在页面中使用 img 标签将选中数据的图片进行回显，使用 span 标签将选中数据的文本进行回显：

<div v-if="selectedData">
  <img :src="selectedData.imageUrl" />
  <span>{{ selectedData.label }}</span>
</div>

在 el-select 组件中，使用 template 标签自定义下拉选项模板，将每个选项的图片和文本分别渲染到一个 span 标签和 img 标签中。当用户在下拉框中选择某个选项时，选中的数据的值会被赋值给 selectedData 变量，从而实现选中数据的回显。在页面中，使用 v-if 判断 selectedData 是否存在，如果存在就将选中数据的图片和文本进行回显。