在 mounted 钩子函数里面调用一个方法，让页面监听键盘事件。
this.keyDown()
添加页面事件监听。
// 监听键盘
keyDown() {
document.onkeydown = (e) => {
//事件对象兼容
let e1 = e || event || window.event || arguments.callee.caller.arguments[0]
console.log(e1.keyCode);
//键盘按键判断:左箭头-37;上箭头-38；右箭头-39;下箭头-40
if (e1 && e1.keyCode == 37) {
// 左箭头
this.handlePerPage()
} else if (e1 && e1.keyCode == 39) {
// 右箭头
this.handleNextPage()
// } else if (e1 && e1.keyCode == 38) {
// // 上箭头
// this.handlePerPage()
// } else if (e1 && e1.keyCode == 40) {
// // 下箭头
// this.handleNextPage()
// } else if (e1 && e1.keyCode == 27) {
// // Esc
}
}
},
最后在相应的判断里面执行自己的业务逻辑就可以了。。。
转载：https://www.cnblogs.com/wjw1014/p/14866774.html