Vue.js - Ошибка при попытке распарсить API
Пытаюсь собрать информацию с сайта Hacker News с помощью Algolia API
<div v-for="(story, idx) in stories" :key="idx">
<h2>{{ story }}</h2>
</div>
...
axios.get("http://hn.algolia.com/api/v1/search_by_date?tags=story")
.then(response => {
this.stories = response;
})
Возвращает вот что
{ "hits": [ { "created_at": "2020-02-18T13:01:58.000Z", "title": ... и так далее }
Но при этом доступ есть только к "hits", при попытке получить например заголовок через story.hits.title не возвращает ничего.
В чём может быть проблема?
Ответы (1 шт):
Автор решения: Артур Шмаков
→ Ссылка
this.stories = response;
замените на:
this.stories = response.hits;
теперь в story хранятся элементы массива, а в story.title ваши тайтлы.