如何使用单选按钮选择vue上的图像？

data() {
  return {
    selectedImage: ''
  }
}

<template>
  <div>
    <input type="radio" id="image1" value="image1.jpg" v-model="selectedImage">
    <label for="image1">Image 1</label>

    <input type="radio" id="image2" value="image2.jpg" v-model="selectedImage">
    <label for="image2">Image 2</label>

    <!-- 更多图像选项 -->

    <img :src="selectedImage" alt="Selected Image">
  </div>
</template>

computed: {
  selectedImageSrc() {
    return this.selectedImage ? require(`@/assets/images/${this.selectedImage}`) : '';
  }
}

<img :src="selectedImageSrc" alt="Selected Image">