How to remove an uploaded images

Here I have tried to remove a uploaded images. Like while if user clicks on any of the images which is uploaded by the user if we click on cross icon it has to remove the images. So below is my code where I have tried and I am able to remove the image but at once multiple images are removing i need to remove only selected images not multiple so how can we do that. all images should have cross icon at the top corner. Please

Vue.config.productionTip = false;

new Vue({
  el: '#app',
  data() {
    return {
      files: [],
      images: null,
  computed: {
    filesNames() {
      const fn = []
      for (let i = 0; i < this.files.length; ++i) {
      return fn
  methods: {
    handleFileUploads(event) {
      this.files =;
      this.images = [...this.files].map(URL.createObjectURL);
    removeImage: function () {
        this.images = null

    submitFile() {
      let formData = new FormData();
      for (var i = 0; i < this.files.length; i++) {
        let file = this.files[i];
        formData.append('files[' + i + ']', file);
      }'/multiple-files', formData, {
          headers: {
            'Content-Type': 'multipart/form-data'
        }).then(function() {
        .catch(function() {
<script src=""></script>
<script src=""></script>

<div id="app">
  <h2>Multiple Files</h2>
    <input type="file" multiple @change="handleFileUploads($event)" />
    <ul v-if="files.length">
      <li v-for="(name, i) in filesNames" :key="i">{{ name }}</li>
    <img v-for="image in images" :src="image" />
    <button v-if="images" @click="removeImage()" type="button">×</button>
  <br />
  <button @click="submitFiles()">Submit</button>

Here you are removing all your images. You need to pass the image as a reference that you want to remove and then filter it out.

removeImage: function (image) {
  this.images = // filter out image here