vue中使用热键的方法

开发中遇到了一个需求。

在vue界面使用一个全局的热键去直接调用接口

最后使用的方法如下：

先安装

npm i keymaster -S

在页面引用

import key from 'keymaster'

在mounted方法中调用

mounted() {

// 这会获取VueCompent，才会调用下面你的方法，否则会报错
const that = this

// 对ctrl+q进行热键设置

key('ctrl+q', function() { that.xxx() }); 

// 对ctrl+e进行热键设置

key('ctrl+e', function() { that.xxx() });

 

如有问题 请指正。