From d132ae7484db3db38dbbe7064dc98fadbce9a4a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Thu, 2 Jan 2025 17:12:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E5=A4=8D=E6=97=A0=E9=99=90?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E9=A1=B5=E9=9D=A2=E7=9A=84=E9=94=99=E8=AF=AF?=
 =?UTF-8?q?=E5=A4=84=E7=90=86=E9=80=BB=E8=BE=91=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=8A=A0=E8=BD=BD=E5=92=8C=E7=BC=93=E5=AD=98?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/infinite-loading/index.page.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/pages/infinite-loading/index.page.vue b/src/pages/infinite-loading/index.page.vue
index b9e9d40..80efd59 100644
--- a/src/pages/infinite-loading/index.page.vue
+++ b/src/pages/infinite-loading/index.page.vue
@@ -31,18 +31,19 @@ const list = shallowRef<Record<string, never>[]>(lastCache.list);
 const loadData = async (page: number) => {
   if (!lastCache.hasMore) return { hasMore: false };
 
+  const newPage = page + lastCache.page;
   await new Promise((resolve) => setTimeout(resolve, 250 + 1000));
-  if (page === 2 && isPage2ErrorVisible) {
+  if (newPage === 2 && isPage2ErrorVisible) {
     isPage2ErrorVisible = false;
     throw new Error('Failed to load comments. Because page === 2');
   }
   const response = await fetch(
-    `https://jsonplaceholder.typicode.com/comments?_page=${page + lastCache.page}&_limit=1&timestamp=${Date.now()}`,
+    `https://jsonplaceholder.typicode.com/comments?_page=${newPage}&_limit=1&timestamp=${Date.now()}`,
   );
   const data = await response.json();
   list.value = list.value.concat(data);
   const hasMore = list.value.length < 5;
-  updateCache({ page: page + lastCache.page, list: list.value, hasMore });
+  updateCache({ page: newPage, list: list.value, hasMore });
   return { hasMore };
 };
 </script>