1在main.js文件中寫入以下代碼:
Vue.prototype.$keyBoard = function (vm, methodName, code) {
document.onkeydown = function () {
let key = window.event.keyCode;
if (key == code) {
vm[methodName](code); // 觸發methodName事件
}
};
}
2在需要監聽鍵盤事件的組件里的mounted 生命周期內寫入:
mounted () {
this.$keyBoard(this, 'onClickEnter', 13) // 13就是回車鍵的keycode,這樣點擊回車就能觸發onClickEnter這個事件了
},
3在組件中定義被鍵盤事件觸發的方法:
methods: {
onClickEnter () {
alert('哈哈')
},
}