How to load data from Axios correctly?

Question

Vue.js

Hello.
I am using this construct:

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>

When scrolling the page, the data should load, but the old pictures are deleted and replaced with new ones.
It turns out that there were 5 of them, and 5 remain, only they change.
How to solve this problem?

Answer 1

This overwrites the past data with new ones
. So it is logical that you do not need to replace the array, but add new elements to it, i.e.
this.info.push.push(response.data)