En la aplicación vuejs2, cargo imágenes que se seleccionan en forma modal y quiero cerrar esta forma modal solo si todas las imágenes se guardan bien (llamando al método self.hidePhotosUploadingModal() )

Para esto configuro var uploaded_count y lo incline en cualquier carga exitosa, pero al verificar el valor de uploaded_count veo que es NaN

 savePhotosUploadingModal() { let uploaded_count= 0 let self = this this.imagePhotosUploadingFiles.map((nextImagePhotosUploadingFile, index) => { fetch(nextImagePhotosUploadingFile.blob).then(function (response) { if (response.ok) { return response.blob().then(function (imageBlob) { let imageUploadData = new FormData() imageUploadData.append('image', imageBlob) imageUploadData.append('image_filename', nextImagePhotosUploadingFile.name) Window.axios.post('/profile/upload_photo', imageUploadData).then(({data}) => { // self.uploaded_count++ // IF TO UNCOMMENT THIS LINE THAT DOES NOT WORK ANYWAY self.uploaded_count = self.uploaded_count + 1 console.log('self.uploaded_count::') // I SEE NaN IN BROWSER'S CONSOLE console.log(self.uploaded_count) if (self.uploaded_count === self.imagePhotosUploadingFiles.length) { self.hidePhotosUploadingModal() } self.loadLoggedInactivePhotos() }).catch((error) => { console.error(error) }) }) } else { return response.json().then(function (jsonError) { console.error(jsonError) }) } }).catch(function (error) { console.error(error) }) // fetch(nextImagePhotosUploadingFile.blob).then(function (response) { }) // this.imagePhotosUploadingFiles.map((nextImagePhotosUploadingFile, index) => { }, // savePhotosUploadingModal

¿Cómo se puede arreglar eso?

¡Gracias!