Как отрисовать через v-for полученные значения с сервера?

Здравствуйте! Получил данные с сервера:
axios.get(url
          ).then((response) => {
              response.data["detail"]["show_contact"] = false;
              this.show = response.data["detail"];
          }).catch((error) => {
            console.log(error);
          });

Далее отрисовываю это так:
<h3 v-for="(i, key) in show">{{key}} - {{i}} - {{i.key}}</h3>

Получаю на странице вот что:
about_company - About company huge -
our_life - [] -
contacts - { "phone": [], "mail": [], "skype": [], "icq": [] } =
show_contact - false -
key выводится, i выводится, а при прямом обращении к ключу ничего не выводится. Почему?
  • Вопрос задан
  • 102 просмотра
Решения вопроса 1
Vlad_IT
@Vlad_IT
Front-end разработчик
У вас show, это объект, значения которого являются другие объекты или массивы. Чтобы выводить объекты, нужно писать для них отдельный цикл v-for. Для массивов тоже, но можно также воспользоваться str.join(',')
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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