Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js vuejs组件可见性和键盘事件_Vue.js - Fatal编程技术网
Fatal编程技术网
  • vue.js/
  • Vue.js vuejs组件可见性和键盘事件

Vue.js vuejs组件可见性和键盘事件

vue.js

Vue.js vuejs组件可见性和键盘事件,vue.js,Vue.js,我想创建一个自定义组件，它有一些操作的键盘快捷键。我在应用程序上使用自定义组件至少两次。键盘快捷键对整个组件都有效，即使我希望它们只在打开特定选项卡时才有效 由于我还没有为特定组件（或其一部分）可见时找到合适的事件，并且键盘事件似乎不能正确地为整个组件工作，因此我尝试使用常规事件以另一种方式构建它 创建时的组件（）包含 window.addEventListener（'keypress'，this.onKeyPress） 由于该组件显示了两次，因此我有两个事件。我现在所做的是用一个简单的hack

我想创建一个自定义组件，它有一些操作的键盘快捷键。我在应用程序上使用自定义组件至少两次。键盘快捷键对整个组件都有效，即使我希望它们只在打开特定选项卡时才有效

由于我还没有为特定组件（或其一部分）可见时找到合适的事件，并且键盘事件似乎不能正确地为整个组件工作，因此我尝试使用常规事件以另一种方式构建它

创建时的组件（）包含

window.addEventListener（'keypress'，this.onKeyPress）

由于该组件显示了两次，因此我有两个事件。我现在所做的是用一个简单的hack检查可见性（这里是一个用于调试的日志）：


console.log（this.$parent.$el.style.display==='none'，this.which）

难道没有更好的方法来管理这一切吗