微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决当我们加载 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 中添加一个事件侦听器。但是在此处关闭组件时,事件侦听器不会被删除

图片将在下面添加

enter image description here

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

enter image description here

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。