vue登录按钮绑定回车键
【vue登录按钮绑定回车键】在登录页面,用户敲了回车键, 就相当于点击了登录按钮
1.在页面渲染前,增加监测keydown 键盘事件
onMounted(()=>{
//增加回车事件
window.addEventListener("keydown", methods.enterLogin)
})
2.在methods 中定义方法
const methods={
enterLogin(e){
if(e.keyCode===13){
methods.submitLogin()
}
}
}
3.在页面销毁时销毁该监听事件,否则是window 全局监听的
onUnmounted(()=>{
window.removeEventListener("keydown", methods.enterLogin, false)
})
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数()
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX(Vuex|VueX(Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show
- 如何在手机上查看测试vue-cli构建的项目