vue3点击按钮将遍历出来的当前图片删掉

可以通过以下步骤来实现：

1. 在Vue组件中定义一个数组，用于存储图片列表。

2. 在页面中遍历该数组，将每个图片显示出来，并为每个图片绑定一个点击事件。

3. 点击事件中获取当前图片的索引，然后从数组中删除该图片。

4. 在页面中重新遍历数组，显示更新后的图片列表。

例如，以下是一个删除图片的Vue组件示例代码：

<template>
  <div>
    <div v-for="(image, index) in images" :key="index">
      <img :src="image.url" alt="image" @click="deleteImage(index)">
    </div>
  </div>
</template>

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

在上述示例中，我们定义了一个`images`数组，其中包含三个图片对象。在页面中使用`v-for`指令遍历该数组，并为每个图片绑定一个点击事件`@click="deleteImage(index)"`。在`deleteImage`方法中，我们获取当前点击的图片索引`index`，然后使用`splice`方法从数组中删除该图片。最后，Vue会自动更新页面中的图片列表。