将图像和文本添加到Vue Select下拉列表

options: [
  { text: '选项1', image: 'https://example.com/image1.jpg' },
  { text: '选项2', image: 'https://example.com/image2.jpg' },
  { text: '选项3', image: 'https://example.com/image3.jpg' },
  // 其他选项...
]

<template>
  <div>
    <v-select v-model="selectedOption">
      <template #option="{ option }">
        <img :src="option.image" alt="图像" width="20" height="20">
        {{ option.text }}
      </template>
    </v-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: null,
      options: [
        { text: '选项1', image: 'https://example.com/image1.jpg' },
        { text: '选项2', image: 'https://example.com/image2.jpg' },
        { text: '选项3', image: 'https://example.com/image3.jpg' },
        // 其他选项...
      ]
    };
  }
};
</script>