单击后，interactjs仅可再次使用

Question

我正在使用interactjs编程网格/小工具系统来处理拖放等。

问题：

抽屉中的每个项目都是一个interactjs对象。 onstart在网格中创建一个GridItem，onmove更改新创建的GridItem的x和y坐标。

放下新创建的GridItem之后，网格中的所有GridItem仍应可拖动...

如果我拖放最后一个抽屉项目，则此仅有效。当我拖动其他三个中的一个时，网格中的所有interactjs对象都不再起作用，除非，我要么双击GridItems之一，要么单击页面上除GridItems之外的任何位置自己。

我也只在Chrome（无法正常工作）中对其进行了测试。

这是存储库的链接：https://github.com/johannes-z/vue-widget-grid

架构：

我基本上有3个组成部分：

• 一个抽屉，用于存储所有不同种类的小部件。
• 所有小部件都在其中的网格。
• GridItem，这是小部件的interactjs容器。

在下图中，抽屉在蓝线上方，网格在其下方。