From eafd3a9f30d8acaa33852691ef95c3db1c0e1d06 Mon Sep 17 00:00:00 2001
From: feige996 <1020102647@qq.com>
Date: Sun, 24 Aug 2025 16:19:08 +0800
Subject: [PATCH] =?UTF-8?q?fix(tabbar):=20=E4=BF=AE=E5=A4=8D=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AEtabbar=E8=A7=92=E6=A0=87=E6=97=B6=E7=9A=84=E6=BD=9C?=
 =?UTF-8?q?=E5=9C=A8=E8=B6=8A=E7=95=8C=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在设置tabbar角标前添加数组越界检查，防止当idx超出tabbarList范围时报错
---
 src/pages/about/about.vue | 9 +++++++++
 src/tabbar/store.ts       | 4 +++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/pages/about/about.vue b/src/pages/about/about.vue
index c7bbafe..6c0fbfa 100644
--- a/src/pages/about/about.vue
+++ b/src/pages/about/about.vue
@@ -9,6 +9,7 @@
 
 <script lang="ts" setup>
 import { LOGIN_PAGE } from '@/router/config'
+import { tabbarStore } from '@/tabbar/store'
 import RequestComp from './components/request.vue'
 
 // 奇怪：同样的代码放在 vue 里面不会校验到错误，放在 .ts 文件里面会校验到错误
@@ -54,6 +55,11 @@ function gotoTabbar() {
     url: '/pages/index/index',
   })
 }
+// #region setTabbarBadge
+function setTabbarBadge() {
+  tabbarStore.setTabbarItemBadge(3, 10)
+}
+// #endregion
 </script>
 
 <template>
@@ -67,6 +73,9 @@ function gotoTabbar() {
     <button class="mt-4 w-40 text-center" @click="toLogin">
       点击去登录页
     </button>
+    <button class="mt-4 w-60 text-center" @click="setTabbarBadge">
+      设置tabbarBadge
+    </button>
     <RequestComp />
     <view class="mb-6 h-1px bg-#eee" />
     <view class="text-center">
diff --git a/src/tabbar/store.ts b/src/tabbar/store.ts
index 346769c..9753996 100644
--- a/src/tabbar/store.ts
+++ b/src/tabbar/store.ts
@@ -36,7 +36,9 @@ const tabbarStore = reactive({
     uni.setStorageSync('app-tabbar-index', idx)
   },
   setTabbarItemBadge(idx: number, badge: CustomTabBarItemBadge) {
-    tabbarList[idx].badge = badge
+    if (tabbarList[idx]) {
+      tabbarList[idx].badge = badge
+    }
   },
   setAutoCurIdx(path: string) {
     const index = tabbarList.findIndex(item => item.pagePath === path)