使用vuejs如果选中了单选按钮，则使用下拉菜单替换在数组中找到的图像

data() {
  return {
    selectedOption: '',
    images: [
      { id: 1, url: 'image1.jpg' },
      { id: 2, url: 'image2.jpg' },
      { id: 3, url: 'image3.jpg' }
    ]
  }
}

<input type="radio" id="option1" value="option1" v-model="selectedOption">
<label for="option1">Option 1</label>

<input type="radio" id="option2" value="option2" v-model="selectedOption">
<label for="option2">Option 2</label>

<input type="radio" id="option3" value="option3" v-model="selectedOption">
<label for="option3">Option 3</label>

<select v-if="selectedOption" v-model="selectedOption">
  <option v-for="image in images" :key="image.id" :value="image.id">{{ image.url }}</option>
</select>

<img v-if="selectedOption" :src="images.find(image => image.id === selectedOption).url" alt="Selected Image">