如何解决当我们加载 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)
关于调试问题的观察
- 对于图像编辑器实例,当我们打开组件时,会为 keyup/keydown 添加一个事件侦听器,而在关闭组件时,事件侦听器将被删除。
- 在加载组件时,对于 keyup 和 keydown 事件,在 Zoomclass 中添加了一个事件侦听器。但是在此处关闭组件时,事件侦听器不会被删除。
在控制台中得到如图所示的错误:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。