获取要在vue中删除的图像预览

<template>
  <div>
    <div v-for="(image, index) in imagePreviews" :key="index">
      <img :src="image.url" alt="Preview Image">
      <button @click="deleteImage(index)">删除</button>
    </div>
  </div>
</template>

<script>
import VueImagePreview from 'vue-image-preview';

export default {
  data() {
    return {
      imagePreviews: [
        { url: 'image1.jpg' },
        { url: 'image2.jpg' },
        { url: 'image3.jpg' }
      ]
    };
  },
  methods: {
    deleteImage(index) {
      this.imagePreviews.splice(index, 1);
    }
  },
  components: {
    VueImagePreview
  }
};
</script>