Vue3实现回车键登录

最新推荐文章于 2024-07-16 17:45:14 发布

前端筱攻城狮

最新推荐文章于 2024-07-16 17:45:14 发布

阅读量4.8k

点赞数 5

分类专栏：前端 vue3 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_26018335/article/details/125223070

版权

41 篇文章 2 订阅

订阅专栏

5 篇文章 2 订阅

订阅专栏

这篇博客介绍了如何在Vue3应用中实现登录时回车键触发登录功能。通过在组件的`onMounted`钩子中绑定键盘事件监听器，并在`keyDown`方法中判断按键是否为回车键，来决定是否执行登录操作。同时，记得在组件卸载时移除事件监听器，确保代码的健壮性。

摘要由CSDN通过智能技术生成

Vue3实现登录回车键绑定，实现回车登录

onMounted(() => {
  window.addEventListener('keydown', keyDown)
})

const keyDown = (e) => {
  //如果是回车则执行登录方法
  if (e.keyCode == 13) {
    login()
  }
}

onUnmounted(() => {
  window.removeEventListener('keydown', keyDown, false)
})

关注

专栏目录