Vue中监控某个页面的回车点击事件

Vue中监控某个页面的回车点击事件

created () {
    
    
	// 绑定事件
	window.addEventListener('keydown', this.keyDown)
},
methods: {
    
    
	//登录
	handlerLogin () {
    
    
		//登录请求
	},
	//回车登录
	keyDown (e) {
    
    
      // 如果是回车则执行登录方法
      if (e.keyCode === 13) {
    
    
        this.handlerLogin()
      }
    }
}
// 登录成功后销毁事件
destroyed () {
    
    
    window.removeEventListener('keydown', this.keyDown, false)
}

这样在当前页面按下enter键就会触发登录方法