1.处理消息模块

src/layouts/components/NavBar/index.vue

@@ -37,9 +37,10 @@
         <avatar></avatar>
       </div>
       <el-popover
+        v-if="messageCount != 0"
         placement="top-start"
         width="300"
-        :trigger="messageCount == 0 ? 'none' : 'hover'"
+        trigger="hover"
         popper-class="message-pop"
       >
         <div class="messageBox">
@@ -71,6 +72,12 @@
           </el-badge>
         </template>
       </el-popover>
+      <el-badge v-else :value="0" :class-name="'badge'">
+        <div class="user">
+          <img src="~@/assets/img/DataCenter/message.png" alt />
+          消息
+        </div>
+      </el-badge>
       <div class="user" @click="$router.push('/home')">
         <img src="~@/assets/img/DataCenter/backhome.png" alt />
         <span>返回首页</span>
@@ -147,11 +154,14 @@ export default {
     }),
   },
   watch: {
-    curSelectedIndex(v) {
+    curSelectedIndex: {
+      handler(v) {
         this.messageList = []
         this.pageNum = 1
         this.getMessage()
       },
+      immediate: true,
+    },
     getMessageFlag(v) {
       if (v) {
         this.messageList = []

src/layouts/index.vue

@@ -322,15 +322,18 @@ export default {
     },
   },
   watch: {
-    curSelectedIndex(v) {
+    curSelectedIndex: {
+      handler(v) {
         this.getRefuteMessage()
       },
+      immediate: false,
+    },
   },
   created() {
     this.selectedIndex = sessionStorage.getItem("selectedIndex") || ""
     this.curSelectedIndex = String(this.selectedIndex) ? this.selectedIndex : ""
     if (this.curSelectedIndex) {
-      this.getRefuteMessage()
+      // this.getRefuteMessage()
     }
   },
   mounted() {
@@ -344,9 +347,9 @@ export default {
         : ""
     }
     // console.log(this.curSelectedIndex)
-    if (this.curSelectedIndex) {
-      this.getRefuteMessage()
-    }
+    // if (this.curSelectedIndex) {
+    //   this.getRefuteMessage()
+    // }
     this.$nextTick(() => {
       window.addEventListener(
         "storage",