Vue. js - показать детали вложенного массива внутри другого массива

Question

Я хочу показать значения моих отношений в массиве результатов. мои результаты выглядят так:

 "counciler": [
        {
            "id": 1,
            "name": "family",
            "description": "test description here",
            "created_at": "2020-04-16T07:57:31.000000Z",
            "updated_at": "2020-04-16T07:57:31.000000Z",
            "deleted_at": null,
            "users": [
                {
                    "id": 8,
                    "name": "stack change",
                    "email": "stack123@test.com",
                    "phone": "000000000",
                    "profile_image": null,
                    "address": null,
                    "user_type": "counciler",
                    "email_verified_at": null,
                    "created_at": "2020-04-16T13:32:51.000000Z",
                    "updated_at": "2020-04-16T13:32:51.000000Z",
                    "deleted_at": null,
                    "pivot": {
                        "category_id": 1,
                        "user_id": 8
                    }
                }                
            ]
        }
    ]

мой вопрос в том, что я хочу получить данные массива моих пользователей в v-for для списка всех моих пользователей в этой категории. как я могу достичь этого?

я тоже пробовал это, но не работает

<div v-for="user in counciler.users" :key="user.id"></div>

Answer 1

Сначала вы должны перебрать массив counciler, а затем l oop через элементы пользователя:

<template v-for="counc in counciler"
    <div v-for="user in counc.users" :key="user.id"></div>

</template>

Answer 2

Вы пытаетесь получить доступ к объекту counciler.users, но этого не существует, поскольку счетчик - это массив, а не объект. Либо вам нужно l oop более counciler, чем другим пользователям. Или просто выберите первый объект так: counciler[0].users