Olesya_v
@Olesya_v

Как разобрать массив vue с разными типами?

{
  "posts": [
    {
      "id": 1,
      "title": "someTitlePost",
      "author": "someName"
    }
  ],
  "worke": [
    {
      "area": "frontend"
    }
  ],
  "comments": [
    {
      "id": 1,
      "body": "some comment",
      "postId": 1
    }
  ],
  "profile": {
    "name": "typicode"
  }
}

Массив разбираю так:
<ul v-for="(link, index) in links" :key="index">
        <li>
          <strong>{{ index }}</strong>
          <ul>
            <!-- v-if="link.length >
            <li v-for="el in link" >
              
              <p v-for="(prop, index) in el" >
               
                  <span>{{ index }} :</span>
                  <span >{{ prop }} </span>
              </p>
            </li>
          </ul>
        </li>
      </ul>


НО! Из-за того, что последний элемент это объект(profile), он выводится так:
6095a2357357e700029668.jpeg

Как правильно решить задачу, с минимальным количеством действий?
  • Вопрос задан
  • 92 просмотра
Пригласить эксперта
Ответы на вопрос 1
0xD34F
@0xD34F Куратор тега Vue.js
с минимальным количеством действий

Ну, как скажете.

Замените v-for="el in link" на v-for="el in [].concat(link)".
Ответ написан
Ваш ответ на вопрос

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

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