Задать вопрос
tamerlan676
@tamerlan676
Развиваюсь в интернет-торговле
vue

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

Здравствуйте! Я изучаю vue и сейчас решил взять для себя задачу посложнее.
Расскажите пожалуйста, как правильно вывести в таблице вот эти данные. Буду благодарен за подробное объяснение.
[
  {
    "id": 1,
    "name": "Leanne Graham",
    "username": "Bret",
    "email": "Sincere@april.biz",
    "address": {
      "street": "Kulas Light",
      "suite": "Apt. 556",
      "city": "Gwenborough",
      "zipcode": "92998-3874",
      "geo": {
        "lat": "-37.3159",
        "lng": "81.1496"
      }
    },
    "phone": "1-770-736-8031 x56442",
    "website": "hildegard.org",
    "company": {
      "name": "Romaguera-Crona",
      "catchPhrase": "Multi-layered client-server neural-net",
      "bs": "harness real-time e-markets"
    }
  },
  • Вопрос задан
  • 97 просмотров
1 комментарий
Подписаться 1 Средний 1 комментарий
Решения вопроса 2
MalkovVladimir73
@MalkovVladimir73
Fullstack (node + vue.js)
В v-for проходи по свойствам каждого объекта, примерно так:

<table>
  <tr v-for="obj in yourObjects">
    <td v-for="prop in obj">
      {{ prop }}
    </td>
  </tr>
</table>

vue grid example
Ответ написан
Комментировать
Комментировать
Lumore
@Lumore
Front-end developer
Вот
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Разработчик Vue.js
Кортекс
от 60 000 до 100 000 ₽
Frontend developer (middle/senior)
//stablecode
от 210 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Настройка соединения ноутбука на Debian с удалённым VDS-сервером с GUI
18 апр. 2024, в 14:56
1500 руб./за проект
HTML -вёрстка email рассылки
18 апр. 2024, в 14:41
27000 руб./за проект
Клиент для обращения к ByBit Private Api с помощью имеющихся куков
18 апр. 2024, в 14:22
2000 руб./за проект
Ещё заказы