[Vuejs]-How to load next page data in Vue?

by

1👍

✅

next page has a new result so you should call another api for it and replace it with existing value inside your store with commiting the same mutation. As for your actions, if your URl accepts :page or something inside URL for page variable, just pass the page dynamically to it, forexample: url = pokeapi.co/${page} :

myAction(page) {
const url = `pokeapi.co/${page}`;
axios.get(url)}

. On the other hand if its not accepting any page variable and its completely new url, make url dynamic and send it to the action like bellow:

myAction(url) {
 axios.get(url)}

In the example you shared as response, your next page has another complete url so use the second snippet as for your action.

Leave a comment