fix(h5): custom-tab-bar visible question/132947

src/platforms/h5/components/app/customTabBar.vue

 <template>
-  <uni-tabbar
-    v-if="hasTabBar"
-    v-show="showTabBar"
+  <uni-tabbar
+    v-if="hasTabBar"
+    v-show="showTabBar"
   >
-    <div
+    <div
       :style="{'flex-direction':direction==='vertical'?'column':'row',backgroundColor:tabBarOptions.backgroundColor}"
-      class="uni-tabbar"
+      class="uni-tabbar"
     >
-      <div
-        v-for="(item,index) in tabBarOptions.list"
-        :key="item.pagePath"
-        class="uni-tabbar__item"
-        @click="_switchTab(item,index)"
-      >
-        <div class="uni-tabbar__bd">
-          <div
-            v-if="showIcon && item.iconPath"
-            :class="{'uni-tabbar__icon__diff':!item.text}"
-            class="uni-tabbar__icon"
-          >
-            <img :src="_getRealPath(selectedIndex===index?item.selectedIconPath:item.iconPath)">
-            <div
-              v-if="item.redDot"
-              :class="{'uni-tabbar__badge':!!item.badge}"
-              class="uni-tabbar__reddot"
+      <template v-for="(item,index) in tabBarOptions.list">
+        <div
+          v-if="item.visible !== false"
+          :key="item.pagePath"
+          class="uni-tabbar__item"
+          @click="_switchTab(item,index)"
+        >
+          <div class="uni-tabbar__bd">
+            <div
+              v-if="showIcon && item.iconPath"
+              :class="{'uni-tabbar__icon__diff':!item.text}"
+              class="uni-tabbar__icon"
             >
-              {{ item.badge }}
+              <img :src="_getRealPath(selectedIndex===index?item.selectedIconPath:item.iconPath)">
+              <div
+                v-if="item.redDot"
+                :class="{'uni-tabbar__badge':!!item.badge}"
+                class="uni-tabbar__reddot"
+              >
+                {{ item.badge }}
+              </div>
             </div>
-          </div>
-          <div
-            v-if="item.text"
-            :style="{color:selectedIndex===index?tabBarOptions.selectedColor:tabBarOptions.color,fontSize:showIcon&&item.iconPath?'10px':'14px'}"
-            class="uni-tabbar__label"
-          >
-            {{ item.text }}
-            <div
-              v-if="item.redDot&&(!showIcon || !item.iconPath)"
-              :class="{'uni-tabbar__badge':!!item.badge}"
-              class="uni-tabbar__reddot"
+            <div
+              v-if="item.text"
+              :style="{color:selectedIndex===index?tabBarOptions.selectedColor:tabBarOptions.color,fontSize:showIcon&&item.iconPath?'10px':'14px'}"
+              class="uni-tabbar__label"
             >
-              {{ item.badge }}
+              {{ item.text }}
+              <div
+                v-if="item.redDot&&(!showIcon || !item.iconPath)"
+                :class="{'uni-tabbar__badge':!!item.badge}"
+                class="uni-tabbar__reddot"
+              >
+                {{ item.badge }}
+              </div>
             </div>
           </div>
         </div>
-      </div>
+      </template>
     </div>
   </uni-tabbar>
 </template>
@@ -140,4 +142,4 @@ export default {
 </script>
 
 <style>
-</style>
+</style>