<template>
<div>
<h1>My App</h1>
<p>Press Ctrl+H to go to Home page</p>
<p>Press Ctrl+A to go to About page</p>
</div>
</template>
<script setup>
import { onMounted, onUnmounted } from 'vue';
import { useRouter } from 'vue-router';
// 监听键盘事件
const handleKeydown = (event) => {
if (event.ctrlKey && event.key === 'h') {
// Ctrl+H:跳转到 Home 页面
router.push('/');
} else if (event.ctrlKey && event.key === 'a') {
// Ctrl+A:跳转到 About 页面
router.push('/about');
}
};
// 获取路由实例
const router = useRouter();
// 组件挂载时添加事件监听
onMounted(() => {
window.addEventListener('keydown', handleKeydown);
});
// 组件卸载时移除事件监听
onUnmounted(() => {
window.removeEventListener('keydown', handleKeydown);
});
</script>
11-24
1433
04-02
402
02-08
553
12-12
2896
“相关推荐”对你有帮助么?
-
非常没帮助
-
没帮助
-
一般
-
有帮助
-
非常有帮助
提交