@VoRoN1999

Как правильно подгружать данные из Axios?

Всем привет.

Использую такую конструкцию:

getImageList: function () {
 axios
     get('https://picsum.photos/v2/list?', {
       params: {
         page: this.page++,
         limit: this.pageSize,
       }
     })
     .then(response => (this.info.push = response.data));
}


<div v-for="infos in info" :key="infos.id">
   <img :src="infos.download_url" width="600"><br><br>
</div>


При прокрутке страницы должны подгружаться данные, но старые картинки удаляются и заменяются на новые.
Получается, что их как было 5, так и остаётся 5, только они меняются.

Как решить эту проблему?
  • Вопрос задан
  • 231 просмотр
Решения вопроса 1
bootd
@bootd
Гугли и ты откроешь врата знаний!
Это затирает прошлые данные на новые
this.info.push = response.data
Значит логично, что нужно не заменять массив, а добавлять в него новые элементы, т.е.

this.info.push.push(response.data)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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