diff --git a/src/components/MenuSearch/index.vue b/src/components/MenuSearch/index.vue index 8905f110..e3ff4625 100644 --- a/src/components/MenuSearch/index.vue +++ b/src/components/MenuSearch/index.vue @@ -53,22 +53,29 @@ @@ -98,6 +105,26 @@ interface SearchItem { redirect?: string; } +// 注册全局快捷键 +function handleKeyDown(e: KeyboardEvent) { + // 判断是否为Ctrl+K组合键 + if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "k") { + e.preventDefault(); // 阻止默认行为 + openSearchModal(); + } +} + +// 添加键盘事件监听 +onMounted(() => { + loadRoutes(permissionStore.routes); + document.addEventListener("keydown", handleKeyDown); +}); + +// 移除键盘事件监听 +onBeforeUnmount(() => { + document.removeEventListener("keydown", handleKeyDown); +}); + // 打开搜索模态框 function openSearchModal() { searchKeyword.value = ""; @@ -178,11 +205,6 @@ function loadRoutes(routes: RouteRecordRaw[], parentPath = "") { } }); } - -// 初始化路由数据 -onMounted(() => { - loadRoutes(permissionStore.routes); -});