From 4553bde10ef28a62131c803475a9b34e2ab2f76e Mon Sep 17 00:00:00 2001
From: yuntian001 <yuntian001z@qq.com>
Date: Thu, 10 Aug 2023 15:51:10 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20tag=E8=8F=9C=E5=8D=95=E5=8A=A0=E4=B8=8A?=
 =?UTF-8?q?body=E7=82=B9=E5=87=BB=E6=97=B6=E5=85=B3=E9=97=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/header/components/tagBar/index.vue     | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/layout/components/header/components/tagBar/index.vue b/src/layout/components/header/components/tagBar/index.vue
index 903dfd4c..c0a9a783 100644
--- a/src/layout/components/header/components/tagBar/index.vue
+++ b/src/layout/components/header/components/tagBar/index.vue
@@ -37,7 +37,7 @@
       <div
         v-if="themeConfig.tagBarMenu"
         class="icon pointer"
-        @click="setContextmenu($event.currentTarget as any, currentTag)"
+        @click.stop="setContextmenu($event.currentTarget as any, currentTag)"
       >
         <mel-icon-menu></mel-icon-menu>
       </div>
@@ -180,6 +180,15 @@ const close = async (event: HTMLElement, current: RouteLocationNormalized) => {
   await nextTick();
   contextmenuRef.value?.closeCurrent();
 };
+const closeContextMenu = () => {
+  showContextmenu.value = false;
+};
+onMounted(() => {
+  document.body.addEventListener('click', closeContextMenu);
+});
+onBeforeUnmount(() => {
+  document.body.removeEventListener('click', closeContextMenu);
+});
 const reload = () => {
   // 刷新
   router.replace('/redirect/' + encodeURIComponent(route.fullPath));