Tengo la aplicación Vue que tiene una serie de errores en el objeto de datos. El problema es que no puedo configurar la matriz de errores para que esté vacía []. Intento configurarlo al comienzo de la función de validación, pero los elementos anteriores aún permanecen allí. Este es el código:

 <div v-if="uploadErrors && uploadErrors.length" class="has-text-danger"> <div v-for="(error, index) in uploadErrors" :key="index" class="is-size-7">{{error}}</div> </div> data() { return { uploadErrors: [], } }, validateUploadFiles(files) { this.uploadErrors = []; console.log(this.uploadErrors); // uploadErrors still contains previous items files.forEach( file => { const foundFormat = this.allowedFormats.find( format => format.mimeType === file.type ); const isBigger = this.maxSize * 2 ** 20 < file.size; if( isBigger ) this.uploadErrors.push( this.$t("campaign.upload.size_limit") ); if( !foundFormat ) this.uploadErrors.push( this.$t("campaign.upload.format") + ' ' + file.name ); }); console.log(this.uploadErrors); // uploadErrors still contains previous items }

¿Qué hay de malo con eso? No entiendo.