diff --git a/pages/tabBar/API.uvue b/pages/tabBar/API.uvue
index 008e4e18ec1ae9b7ae55dc45c29976f23583c567..116cd43bdf661913a93295b5a1fdae2a63043bec 100644
--- a/pages/tabBar/API.uvue
+++ b/pages/tabBar/API.uvue
@@ -12,21 +12,21 @@
           :inWhiteList="true"></u-link>
       </view>
      <uni-collapse>
-       <uni-collapse-item v-for="menuItem in menu" :key="menuItem!.id" :title="menuItem!.name"
+       <uni-collapse-item v-for="menuItem in menu" :key="menuItem!.id" :title="menuItem.name"
          class="item">
-         <view v-for="page in menuItem!.pages" :key="page!.path" class="uni-navigate-item" hover-class="is--active"
-           @click="goPage(`/${page!.path}`)">
+         <view v-for="page in menuItem.pages" :key="page!.path" class="uni-navigate-item" hover-class="is--active"
+           @click="goPage(`/${page.path}`)">
            <text class="uni-navigate-text">{{
-               page!.style["navigationBarTitleText"]
+               page.style["navigationBarTitleText"]
              }}</text>
            <image :src="arrowRightIcon" class="uni-icon-size"></image>
          </view>
-         <uni-collapse style="width: 100%" v-for="childMenu in menuItem!.children" :key="childMenu!.id">
-           <uni-collapse-item :title="childMenu!.name" class="item" style="margin-bottom: 0">
-             <view class="uni-navigate-item" hover-class="is--active" v-for="childPage in childMenu!.pages"
-               :key="childPage!.path" @click="goPage(`/${childPage!.path}`)">
+         <uni-collapse style="width: 100%" v-for="childMenu in menuItem.children" :key="childMenu!.id">
+           <uni-collapse-item :title="childMenu.name" class="item" style="margin-bottom: 0">
+             <view class="uni-navigate-item" hover-class="is--active" v-for="childPage in childMenu.pages"
+               :key="childPage!.path" @click="goPage(`/${childPage.path}`)">
                <text class="uni-navigate-text">{{
-                   childPage!.style["navigationBarTitleText"]
+                   childPage.style["navigationBarTitleText"]
                  }}</text>
                <image :src="arrowRightIcon" class="uni-icon-size"></image>
              </view>
diff --git a/pages/tabBar/CSS.uvue b/pages/tabBar/CSS.uvue
index a00580cf28cdc46bb93dfa645cf667639b189118..2577cc0dfd92ae158bbc2c2531ed33b3c4720545 100644
--- a/pages/tabBar/CSS.uvue
+++ b/pages/tabBar/CSS.uvue
@@ -12,21 +12,21 @@
           :inWhiteList="true"></u-link>
       </view>
       <uni-collapse>
-        <uni-collapse-item v-for="menuItem in menu" :key="menuItem!.id" :title="menuItem!.name"
+        <uni-collapse-item v-for="menuItem in menu" :key="menuItem!.id" :title="menuItem.name"
           class="item">
-          <view v-for="page in menuItem!.pages" :key="page!.path" class="uni-navigate-item" hover-class="is--active"
-            @click="goPage(`/${page!.path}`)">
+          <view v-for="page in menuItem.pages" :key="page!.path" class="uni-navigate-item" hover-class="is--active"
+            @click="goPage(`/${page.path}`)">
             <text class="uni-navigate-text">{{
-                page!.style["navigationBarTitleText"]
+                page.style["navigationBarTitleText"]
               }}</text>
             <image :src="arrowRightIcon" class="uni-icon-size"></image>
           </view>
-          <uni-collapse style="width: 100%" v-for="childMenu in menuItem!.children" :key="childMenu!.id">
-            <uni-collapse-item :title="childMenu!.name" class="item" style="margin-bottom: 0">
-              <view class="uni-navigate-item" hover-class="is--active" v-for="childPage in childMenu!.pages"
-                :key="childPage!.path" @click="goPage(`/${childPage!.path}`)">
+          <uni-collapse style="width: 100%" v-for="childMenu in menuItem.children" :key="childMenu!.id">
+            <uni-collapse-item :title="childMenu.name" class="item" style="margin-bottom: 0">
+              <view class="uni-navigate-item" hover-class="is--active" v-for="childPage in childMenu.pages"
+                :key="childPage!.path" @click="goPage(`/${childPage.path}`)">
                 <text class="uni-navigate-text">{{
-                    childPage!.style["navigationBarTitleText"]
+                    childPage.style["navigationBarTitleText"]
                   }}</text>
                 <image :src="arrowRightIcon" class="uni-icon-size"></image>
               </view>
diff --git a/pages/tabBar/component.uvue b/pages/tabBar/component.uvue
index f55baee93b06b490486036d3f1dde225ee1d2169..e733d859ab3465b45f669baf6eb23c93040695c6 100644
--- a/pages/tabBar/component.uvue
+++ b/pages/tabBar/component.uvue
@@ -11,27 +11,28 @@
         <u-link :href="'https://uniapp.dcloud.io/uni-app-x/component/'"
           :text="'https://uniapp.dcloud.io/uni-app-x/component/'" :inWhiteList="true"></u-link>
       </view>
-      <uni-collapse>
-        <uni-collapse-item v-for="menuItem in menu" :key="menuItem!.id" :title="menuItem!.name" class="item">
-          <view v-for="page in menuItem!.pages" :key="page!.path" class="uni-navigate-item" hover-class="is--active"
-            @click="goPage(`/${page!.path}`)">
-            <text class="uni-navigate-text">{{
-                page!.style["navigationBarTitleText"]
-            }}</text>
-            <image :src="arrowRightIcon" class="uni-icon-size"></image>
-          </view>
-          <uni-collapse style="width: 100%" v-for="childMenu in menuItem!.children" :key="childMenu!.id">
-            <uni-collapse-item :title="childMenu!.name" class="item" style="margin-bottom: 0">
-              <view class="uni-navigate-item" hover-class="is--active" v-for="childPage in childMenu!.pages"
-                :key="childPage!.path" @click="goPage(`/${childPage!.path}`)">
-                <text class="uni-navigate-text">{{
-                    childPage!.style["navigationBarTitleText"]
-                }}</text>
-                <image :src="arrowRightIcon" class="uni-icon-size"></image>
-              </view>
-            </uni-collapse-item>
-          </uni-collapse>
-        </uni-collapse-item>
+      <uni-collapse>
+        <uni-collapse-item v-for="menuItem in menu" :key="menuItem!.id" :title="menuItem.name"
+          class="item">
+          <view v-for="page in menuItem.pages" :key="page!.path" class="uni-navigate-item" hover-class="is--active"
+            @click="goPage(`/${page.path}`)">
+            <text class="uni-navigate-text">{{
+                page.style["navigationBarTitleText"]
+              }}</text>
+            <image :src="arrowRightIcon" class="uni-icon-size"></image>
+          </view>
+          <uni-collapse style="width: 100%" v-for="childMenu in menuItem.children" :key="childMenu!.id">
+            <uni-collapse-item :title="childMenu.name" class="item" style="margin-bottom: 0">
+              <view class="uni-navigate-item" hover-class="is--active" v-for="childPage in childMenu.pages"
+                :key="childPage!.path" @click="goPage(`/${childPage.path}`)">
+                <text class="uni-navigate-text">{{
+                    childPage.style["navigationBarTitleText"]
+                  }}</text>
+                <image :src="arrowRightIcon" class="uni-icon-size"></image>
+              </view>
+            </uni-collapse-item>
+          </uni-collapse>
+        </uni-collapse-item>
       </uni-collapse>
 
       <!-- #ifdef UNI-APP-X && APP -->