Vue 按enter键实现登陆过程

首先在mounted中绑定监听事件

mounted(){//绑定事件window.addEventListener('keydown',this.keyDown);}

login登录的methods根据项目写相应的内容

在写一个监听事件的方法

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

最后要销毁事件

 destroyed(){window.removeEventListener('keydown',this.keyDown,false);}

Vue 按enter键实现登陆过程相关推荐

Vue 按enter键实现登陆
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>< ...
登陆时按enter键实现登陆
登陆时按enter键实现登陆首先需要在页面body标签中添加一个事件onkeydown() <body "keydown()" > 写方法 function keyd ...
vue-resource 通过监听键盘Enter键来发送请求，请求失败，Status=cancle(Chrome)
vue的input标签: <input type="search" class="weui-search-bar__input" v-bind:place ...
vue 回车查询按钮_vue之在页面中监听键盘的Enter键来触发某个按钮事件
项目中得需求:给页面某个按钮绑定Enter键,但是按钮不在form中,直接给按钮绑定后此按钮只有获取了焦点按键才会触发,显然,一直保持按钮获取焦点是不现实得.所以通过查询等,结合项目需求,完成了下面得 ...
Vue el-input 使用@keyup绑定Enter键、上下左右键、删除键
Vue el-input 使用@keyup绑定Enter键.上下左右键.删除键 <el-inputv-model="order"@keyup.enter.native=&qu ...
vue在按钮上绑定enter键
在登录按钮中绑定上enter键话不多说,直接上代码吧~ <el-button type="primary" @click="submitForm('loginFo ...
使用vue+iview Form组件按enter键阻止页面刷新
如果我们在Form组件中嵌套使用Input组件的时候,会有一个小问题,如果我们在一个Form组件中只使用了一个Input组件,当该Input组件获取焦点的时候,我们按enter键,整个页面会刷新解决 ...
Vue使用Alt + Enter键替代Enter键回车，enter发送消息
因为要做一个聊天输入框,所以遇到了这个问题,因为发送消息比回车换行要常用,所以用enter键发送消息,alt+enter键回车换行首先先给文本输入框加两个键盘事件 <textarea v-mo ...
C# ：Winform窗体中Enter键登录
前言: 在登陆窗体时,按Enter回车键可以直接用户登录,更加方便便捷. 解决方案: 在窗体属性中找到AcceptButton,后面添加上按回车键就点击的按钮名称. AcceptButton: 窗体的 ...

Vue 按enter键实现登陆过程

标签

首先在mounted中绑定监听事件

在写一个监听事件的方法

最后要销毁事件

Vue 按enter键实现登陆过程相关推荐

最新文章

热门文章

Vue 按enter键实现登陆 过程

标签

首先在mounted中绑定监听事件

在写一个监听事件的方法

最后要销毁事件

Vue 按enter键实现登陆 过程相关推荐

最新文章

热门文章

Vue 按enter键实现登陆过程

Vue 按enter键实现登陆过程相关推荐