是否将图像添加到Vue Select下拉列表？

<template>
  <div>
    <select v-model="selectedOption">
      <option v-for="option in options" :value="option.value">
        <img :src="option.image" alt="Option Image" width="20" height="20">
        <span>{{ option.text }}</span>
      </option>
    </select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: '',
      options: [
        { value: '1', image: 'image1.jpg', text: 'Option 1' },
        { value: '2', image: 'image2.jpg', text: 'Option 2' },
        { value: '3', image: 'image3.jpg', text: 'Option 3' },
      ],
    };
  },
};
</script>