如何在使用vuejs上传前预览多张附加图片

npm install vue-image-preview --save

import VueImagePreview from 'vue-image-preview';

Vue.use(VueImagePreview);

<input type="file" multiple @change="previewImages">
<div class="preview-container">
  <img v-for="image in previewImagesList" :src="image" alt="Preview Image">
</div>

methods: {
  previewImages(event) {
    const files = event.target.files;
    this.previewImagesList = [];

    for (let i = 0; i < files.length; i++) {
      const reader = new FileReader();
      reader.onload = (e) => {
        this.previewImagesList.push(e.target.result);
      };
      reader.readAsDataURL(files[i]);
    }
  }
}

.preview-container {
  display: flex;
  flex-wrap: wrap;
}

.preview-container img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  margin: 10px;
}