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)