我已经使用Vuetify创建了SPA。主屏幕包含3个独立的自定义组件，即MetadataEditor，SelectedImage和ImageGrid。基本上，它是图像数据服务器的接口，在ImageGrid中显示缩略图。然后，它让我选择一个图像，该图像将在SelectedImage中显示为“完整”大小，并且可以使用MetadataEditor中的v-文本字段和v-组合框来编辑其元数据。 ImageGrid是V卡的行包装V布局，带有缩略图（v-img）和每个v卡上的一些文本。使用鼠标单击时，一切正常。
我仍然想要实现的是能够使用箭头键在图像网格中导航。左：移至上一张图像，右：移至下一张图像。
我设法使用document.addEventListener（）在created（）生命周期挂钩中添加了键盘事件监听器。但是问题在于，这会拾取整个屏幕上的键盘事件。在MetadataEditor字段中工作时，这是一个问题。
我一直在寻找测试哪个Vue组件处于“焦点”或“活动”状态的方法，但是似乎找不到对此的任何参考。我还寻找了在组件级别添加键侦听器的方法。这似乎仅可用于编辑小部件。
因此，我正在寻找一种接收或过滤击键的方法，以使它们仅在我上次鼠标操作在ImageGrid中的任何位置（通常单击v-img）时才起作用。实现这一目标的方法是什么？