Задать вопрос
@dmitryplyaskin
Начинающий Web
vue

Vue v-for как вывести массив?

Есть объект state с примерно такой структурой:
state: {
  blocks: [ 
    {
      nameBlock: 'Block 1',
      items: [
        {
          nameItem: 'Item 1',
          elem: [
            {
              nameElem: 'Elem 1',
            },
            {
              nameElem: 'Elem 2',
            },
            {
              nameElem: 'Elem 3',
            }
          ]
        },
        {
          nameItem: 'Item 2',
          elem: [
            {
              nameElem: 'Elem 1',
            }
          ]
        }
      ]
    },
    {
      nameBlock: 'Block 2',
      items: [
        {
          nameItem: 'Item 1',
          elem: [
            {
              nameElem: 'Elem 1',
            }
          ]
        }
      ]
    }
  ]
}

Как сделать на vue такой вывод такой структуры?
Block 1
-- Item 1
---- Elem 1
---- Elem 2
---- Elem 3
-- Item 2
---- Elem 1
Block 2
-- Item 1
---- Elem 1
  • Вопрос задан
  • 2446 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
kulakoff
@kulakoff Куратор тега Vue.js
Vue.js developing 
<div v-for="block in blocks">
  {{block.nameBlock}}
  <div v-for="item in block.items">
    {{--item.nameItem}}
    <div v-for="elitem in item.elem">{{----elitem.nameElem}}</div>
  </div>
</div>
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend developer (middle/senior)
//stablecode
от 210 000 ₽
Senior Frontend VueJS (частичная занятость)
Онград+
от 125 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL
25 апр. 2024, в 05:57
3000 руб./за проект
Правки в webApp готового и написанного телеграмм бота next, tailwind
25 апр. 2024, в 05:29
25000 руб./за проект
Фронтер - DevOps. Развернуть фронт на хостинге. Прокинуть в телегу-бот
25 апр. 2024, в 04:38
10000 руб./за проект
Ещё заказы