站内信弹窗触发

src/layout/components/Message/src/Message.vue

@@ -39,6 +39,12 @@ const goMyList = () => {
   push({ name: 'MyNotifyMessage' })
 }
 
+// 触发弹窗
+const handlePopover = async () => {
+  getUnreadCount()
+  await getList()
+}
+
 // ========== 初始化 =========
 onMounted(() => {
   // 首次加载小红点
@@ -56,9 +62,11 @@ onMounted(() => {
   <div class="message">
     <ElPopover ref="popoverRef" :width="400" placement="bottom" trigger="click">
       <template #reference>
-        <ElBadge :value="unreadCount" :show-zero="false" :max="99" class="item">
-          <Icon :size="18" class="cursor-pointer" icon="ep:bell" @click="getList" />
-        </ElBadge>
+        <div @click="handlePopover">
+          <ElBadge :value="unreadCount" :show-zero="false" :max="99" class="item">
+            <Icon :size="18" class="cursor-pointer" icon="ep:bell" />
+          </ElBadge>
+        </div>
       </template>
       <ElTabs v-model="activeName">
         <ElTabPane label="通知" name="notice">