Блог

Главная - Вопросы по программированию - (Laravel-Vue) — выборка данных в объекте внутри объекта с использованием v-for

(Laravel-Vue) — выборка данных в объекте внутри объекта с использованием v-for

#arrays #json #laravel #vue.js

#массивы #json #laravel #vue.js

Вопрос:

Я относительно новичок во внедрении vue в laravel. Мой вопрос в том, как мне вернуть данные из объекта внутри объекта, используя v-for.

Иерархия данных:

 {
    data: [
        {
            "project": {
                name: "john",
                age: "21",
                "client": {
                    name: "stan",
                    age: 18
                }
            }
        }
    ]
}

В laravel я включаю отношение модели (одно к manny).
у 1 клиента может быть много проектов.

Здесь у меня возникли небольшие препятствия. Заранее спасибо!

Комментарии:

1. Можете ли вы поделиться своим кодом или каким-либо ожидаемым результатом?

2. как вы описываете, ваши отношения (один ко многим) с моделью клиента. ваша структура данных должна быть примерно такой { data:[ { "client":{ name:"stan", age:"18", "projects":[ { name:"john", age:21 },{ name:"doe", age:23 } ] } } ] }

3. С какой именно частью у вас возникли проблемы? С настройкой взаимосвязи в модели в Laravel? Или с использованием данных в шаблоне? Опубликованная вами иерархия данных — это то, что вы уже получаете из Laravel, или то, что вы хотите получить?

4. Я пытаюсь извлечь данные из клиентского объекта с помощью v-for. <tr v-for="project from projects" :key="project.id"> <td>{{project.client}}</td> </tr> Иерархия данных — от проекта к клиенту, потому что я вызывал ее из ProjectController.

5. Похоже, вам нужно project.project.id и project.project.client в v-for приведенном выше.