async create() { let formData = new FormData() formData.append('name', this.name) formData.append('size', JSON.stringify(this.size)) let copy = [...this.layers] // <==== HERE I TRY TO COPY copy.forEach((layer, layerIndex) => { layer.traits.forEach((trait, traitIndex) => { if (!(trait.file instanceof Blob)) return let name = `file_${layerIndex}_${traitIndex}` formData.append(`images`, trait.file, name) trait.file = name }) }) formData.append('layers', JSON.stringify(copy)) try { let result = await this.$axios.$post('/api/createcollection', formData) this.$router.push('/dashboard') } catch (err) { this.layers = [...copy] // <==== HERE I RESET IT IF ITS FAIL this.message = err.response.data setTimeout(() => { this.message = '' }, 5000) } },

No puedo configurar this.layers de la forma en que estaba antes. Lo he enviado, pero por alguna razón, la copy tiene el mismo valor que this.layers

¿Por qué esto está copying lo mismo que this.layers incluso si lo distribuyo en una nueva matriz?