vue键盘事件

vue 回车键登录

在 mounted 中绑定监听事件

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

登录方法

1
2
3
4
5
6
7
8
methods:{
    keyDown(e){
        //如果是回车则执行登录方法
        if(e.keyCode == 13){
            this.login();
        }
    }
}

销毁事件

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