feat: tag菜单加上body点击时关闭

meadmin-cn · Aug 10, 2023 · 4553bde · 4553bde
1 parent 499861d
commit 4553bde
Showing 1 changed file with 10 additions and 1 deletion.
diff --git 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));