@FriJ

Как отрисовывать нестандартные списки на Vue из API?

Прошу помощи в vue.js, а именно в директиве v-for. По API Я получаю похожую таблицу
5e835ac77189b651479279.png

Далее я пропускаю ее через v-for и получаю обычный список ul li, но мне нужно задать некую структуру.

Примерно такую:
5e835b3280e08831336161.png

Иными словами я бы хотел преобразовать все это в такой массив средствами JS или VUE и пропустить через v-for внутри друг друга
5e835b6c8a821015585037.png

Я новичок в создании REST API и хотелось бы узнать по стандартам:
1) Laravel должен вернуть JSON в преобразованном виде:
5e835b6c8a821015585037.png
или сыром, как тут:
5e835ac77189b651479279.png
?
2) Каким наиболее стандартизированным образом должна обрабатываться подобная структура?
3) И вообще, как правильно?

Заранее спасибо, сколько гуглил, ничего подобного не нашел.
  • Вопрос задан
  • 75 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
Делаете вычисляемое свойство, где плоский массив будет преобразовываться в нужную вам структуру данных.

Если знаете заранее, как всё должно выглядеть, тогда можно сделать так, например.

В более общем случае для отображения данных понадобится рекурсивный компонент.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы