当我们加载 vue toast UI 图像编辑器组件时，'SPACE' 键在整个应用程序中不起作用

问题描述

我们使用 vue-image-editor 组件来选择媒体。 一旦我们打开/加载组件，我们就无法在整个应用程序中进一步使用空格键。我们面临以下错误：

tui-image-editor.js?abe2:16809 Uncaught TypeError: Cannot read property 'fire' of null
at klass.eval (tui-image-editor.js?abe2:16809)
at klass.fire (fabric.js?2f75:313)
at Zoom.startHandMode (tui-image-editor.js?abe2:9480)
at Zoom._onKeyDown (tui-image-editor.js?abe2:9352)

关于调试问题的观察

1. 对于图像编辑器实例，当我们打开组件时，会为 keyup/keydown 添加一个事件侦听器，而在关闭组件时，事件侦听器将被删除。
2. 在加载组件时，对于 keyup 和 keydown 事件，在 Zoomclass 中添加了一个事件侦听器。但是在此处关闭组件时，事件侦听器不会被删除。

图片将在下面添加：

在控制台中得到如图所示的错误：

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）