Как при загрузке проверить, если в массиве product.thumbs пустой элемент (первый найденный) с image === '' то либо в него вставить данные, либо его удалить
сам массив
product: {
thumbs: [
{
image: '',
thumb: '',
},
{
image: '',
thumb: '',
},
{
image: '',
thumb: '',
},
{
image: '',
thumb: '',
},
],
}
и функция загрузки
uploadGallery() {
const that = this
const galleries = event.target.files
galleries.forEach(function (value, index, product) {
const formData = new FormData()
formData.append('image', value)
formData.append('path', 'products')
that.$axios
.$post('/api/v1/shop/1/upload/image', formData, {
headers: { 'Content-Type': 'multipart/form-data' },
})
.then((response) => {
if (!that.product.image) {
that.product.image = response.path + response.image
}
that.product.thumbs.push({
image: response.image,
path: response.path,
})
})
.catch((error) => {
})
return index < that.countThumb + 1
})
},