1

src/layouts/components/NavBar/index.vue

@@ -37,7 +37,6 @@
         <avatar></avatar>
       </div>
       <el-popover
-        v-if="messageCount != 0"
         placement="top-start"
         width="300"
         trigger="hover"
@@ -64,20 +63,25 @@
           <div v-show="loading" v-loading="loading" class="loading"></div>
         </div>
         <template slot="reference">
-          <el-badge :value="messageCount" :class-name="'badge'">
+          <el-badge
+            v-if="messageCount != 0"
+            :value="messageCount"
+            :class-name="'badge'"
+          >
             <div class="user">
               <img src="~@/assets/img/DataCenter/message.png" alt />
               消息
             </div>
           </el-badge>
-        </template>
-      </el-popover>
           <el-badge v-else :class-name="'badge'">
             <div class="user">
               <img src="~@/assets/img/DataCenter/message.png" alt />
               消息
             </div>
           </el-badge>
+        </template>
+      </el-popover>
+
       <div class="user" @click="$router.push('/home')">
         <img src="~@/assets/img/DataCenter/backhome.png" alt />
         <span>返回首页</span>