我们正在使用 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)
调试问题的观察
- 对于图像编辑器实例,当我们打开组件时,将为 keyup/keydown 添加事件侦听器,而在关闭组件时,事件侦听器将被删除。
- 在加载组件时,对于 keyup 和 keydown 事件,在 Zoomclass 中添加了一个事件侦听器。但是在这里关闭组件时,事件侦听器不会被删除。