[Vuejs]-Can't access data. object in another object?

1👍

history is an array of objects.

So you would first need to target the first object in the array with history[0]

Then, student_schedules is also an array of objects, so you have to do the same thing there and you end up with:

history[0].student_schedules[0].calification

You can tell the difference between an object and an array with {} and [] respectively.

0👍

Both history and student_schedules are arrays which can contain multiple objects. If you want to access an object of an array you need to specify it’s index, for example:

history[0].student_schedules[0].clarification

If the arrays will only contain one object then you can remove the []

{ 
    "id":1,
    "date":"2020-01-02",
    "start_time":"11:32:25",
    "end_time":"11:32:26",
    "editions":null,
    "coordinates":null,
    "ranking":null,
    "user_id":3,
    "instructor_id":2,
    "course_id":2,
    "package_id":null,
    "location_id":3,
    "created_at":null,
    "updated_at":null,
    "student_schedules":
        { 
            "id":1,
            "student_schedule_id":1,
            "calification":75,
            "approved":0
        }
}

and then access the data like so:

history.student_schedules.clarification

👤tosi

Leave a comment