el-select选项内容为图片，点击图片会跳转

您可以使用 `el-option` 中的 `label` 属性来设置选项的显示内容，然后在 `label` 中插入一个 `a` 标签，该标签的 `href` 属性指向您要跳转的链接，如下所示：

<el-select v-model="value">
  <el-option label="<a href='https://example.com'><img src='image.png' /></a>"></el-option>
</el-select>

这样就可以在选项中显示图片，并且点击图片时会跳转到指定链接。需要注意的是，在 `label` 属性中使用 HTML 代码时，需要将其设置为字符串形式。

相关问题

el-select下拉列表选项内容为两张图片，点击图片会跳转指定页面

您可以在 `el-option` 中使用 `template` 来自定义选项的显示内容，然后在模板中插入两个 `img` 标签，分别对应两张图片，并分别设置 `click` 事件绑定到不同的跳转链接，如下所示：

<el-select v-model="value">
  <el-option>
    <template v-slot:default>
      <div>
        <a href="https://example.com/page1">
          <img src="image1.png" @click.stop />
        </a>
        <a href="https://example.com/page2">
          <img src="image2.png" @click.stop />
        </a>
      </div>
    </template>
  </el-option>
</el-select>

这样就可以在下拉列表中显示两张图片，并且点击不同的图片会跳转到不同的页面。需要注意的是，使用 `@click.stop` 可以阻止点击事件冒泡，避免触发 `el-select` 的选中事件。

el-select下拉选项有三个，内容左边为图片右边为文字，点击图片会跳转指定页面 html全代码

您可以使用以下代码实现 el-select 下拉选项左边为图片右边为文字的效果，并且点击图片可以跳转到指定页面：

<el-select v-model="selectedOption">
  <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value">
    <img :src="option.image" style="width: 20px; height: 20px; margin-right: 10px;">
  </el-option>
</el-select>

其中，`options` 是一个包含多个选项的数组，每个选项包含 `label`、`value` 和 `image` 三个属性，分别代表选项的文本、值和图片地址。例如：

options: [
  { label: '选项1', value: 'option1', image: 'https://example.com/image1.jpg' },
  { label: '选项2', value: 'option2', image: 'https://example.com/image2.jpg' },
  { label: '选项3', value: 'option3', image: 'https://example.com/image3.jpg' }
]

如果要实现点击图片跳转到指定页面的功能，可以在 `img` 标签上添加 `@click` 事件，如下：

<el-select v-model="selectedOption">
  <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value">
    <img :src="option.image" style="width: 20px; height: 20px; margin-right: 10px;" @click="redirectTo(option.redirectUrl)">
  </el-option>
</el-select>

其中，`redirectTo` 是一个自定义方法，用于跳转到指定页面，例如：

methods: {
  redirectTo(url) {
    window.location.href = url;
  }
}

这样，当用户点击某个选项的图片时，就会跳转到该选项指定的页面。