Vue -在v-for图像数组中切换一个图像

data() {
  return {
    images: [
      'image1.jpg',
      'image2.jpg',
      'image3.jpg'
    ],
    currentImage: 'image1.jpg' // 用于记录当前显示的图像
  };
}

<div>
  <img v-for="image in images" :src="image" :key="image" v-show="image === currentImage" />
</div>

methods: {
  switchImage() {
    const currentIndex = this.images.indexOf(this.currentImage);
    const nextIndex = (currentIndex + 1) % this.images.length;
    this.currentImage = this.images[nextIndex];
  }
}

<button @click="switchImage">切换图像</button>