Перебор фотографий, vue.js

Мне нужно, чтобы при добавление фотографии, отображалось сразу же фотография которую добавили. То есть добавили одну фотографию, она отобразилась, добавили вторую - она отобразилась следующая и т.д. Вот как делал я:

  <input type="file" multiple class="form-control" @change="fieldChange">

vue:

    fieldChange(e){
                        let selectedFiles=e.target.files;
                        for(let i=0;i<selectedFiles.length;i++){
                            this.attachments.push(selectedFiles[i]);
                        }
                        for(let i=0;i<this.attachments.length;i++){
                           var myIt = this.attachments[i];
                        }
                        this.createImages(myIt);
                    },
    createImages(file) {
                    var reader = new FileReader();
                    reader.onload = (e) => {
                        this.images = e.target.result;
                    };
                    reader.readAsDataURL(file);
                },

Тут отображение фото:

  <img class="img-responsive" :src="images" >

Так вот, проблема в том, что я загружаю фотографию, высвечивается первая, потом снова, загружаю вторую - и первая превращается во вторую фотографию, то есть все фотографии становятся последней. Помогите пожалуйста, как можно грамотнее переделать, чтобы высвечивались все загруженные фотографии