Vue如何加载下一页数据？

Question

我需要使用 pokeapi 制作一个口袋妖怪游戏。并且下一个和上一个按钮必须有分页。

下一页的数据来自此来源(data.next)。我正在使用 Vuex 进行存储，如何调用下一个按钮并加载下一页？我应该提出另一个 axios 请求并为此创建一个动作吗？任何帮助将不胜感激

Answer 1

下一页有一个新结果，因此您应该为它调用另一个 api，并通过提交相同的变更将其替换为您商店中的现有值。至于您的操作，如果您的 URl 接受 :page 或 URL 内的内容作为页面变量，只需将页面动态传递给它，例如：url = pokeapi.co/${page} :

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

。另一方面，如果它不接受任何页面变量及其全新的 url，请使 url 动态并将其发送到如下操作：

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

在您作为回复共享的示例中，您的下一页有另一个完整的 url 因此请使用第二个片段作为您的操作。