feat: close mobile menu on outside tap

This commit is contained in:
Tim
2025-08-12 09:25:41 +08:00
parent 72282b1a2f
commit 5fee90dfae
2 changed files with 17 additions and 8 deletions

View File

@@ -5,7 +5,7 @@
</div>
<div class="main-container">
<div class="menu-container">
<div class="menu-container" v-click-outside="handleMenuOutside">
<MenuComponent :visible="!hideMenu && menuVisible" @item-click="menuVisible = false" />
</div>
<div class="content" :class="{ 'menu-open': menuVisible && !hideMenu }">
@@ -48,7 +48,11 @@ export default {
}
})
return { menuVisible, hideMenu }
const handleMenuOutside = () => {
if (isMobile.value) menuVisible.value = false
}
return { menuVisible, hideMenu, handleMenuOutside }
},
}
</script>