Tengo una API que devuelve objetos json como este:
[ {"id":3,"delivery_from":"bsl","task_id":410169,"unit_job_id":224128,"completed_at":null,"deleted_at":null,"created_at":"2021-10-20T13:24:07.000000Z"}, {"id":3,"delivery_from":"bsl","task_id":410169,"unit_job_id":224128,"completed_at":null,"deleted_at":null,"created_at":"2021-10-20T13:24:07.000000Z"} ]Cuando imprimo response.data en la consola del navegador, veo que todos los parámetros de los objetos están bien, pero cuando pongo response.data en la matriz local deliveryJobs: [], veo que el atributo task_id no está definido. ¿Qué mal estoy haciendo?
<script> import AxiosHandler from './mixins/AxiosHandler' import axios from 'axios' export default { i18n: window.i18n, mixins: [ AxiosHandler, ], props: { unitJobId: Number, unitId: Number, taskId: Number }, data: () => ({ deliveryJobs: [], unitJob: {} }), async created () { this.getDeliveryJobs() }, methods: { getDeliveryJobs () { axios .get(`/api/v1/unitjobdelivery`, { params : { unit_job_id : this.unitJobId } }) .then(response => { this.deliveryJobs = response.data }) .catch(this.handleAxiosError) } } } </script>Solución encontrada. Mi API devolvía la colección laravel en lugar de una matriz. Cambié volver a la matriz y ahora todo funciona bien.