我有 2 个组件,一个可拖动的菜单和一个作为 dropzone 的网格,当我拖动其中一个可拖动元素时,我会生成它的副本并将其粘贴到 dropzone 中......我的问题是当我尝试移动它时元素从 dropzone 到另一个...显然原始元素的事件没有被复制。
我分享我的沙箱:https ://codesandbox.io/s/test-dragdrop-ecqec?file=/components/DropContainer.svelte
谢谢你的时间。
我有 2 个组件,一个可拖动的菜单和一个作为 dropzone 的网格,当我拖动其中一个可拖动元素时,我会生成它的副本并将其粘贴到 dropzone 中......我的问题是当我尝试移动它时元素从 dropzone 到另一个...显然原始元素的事件没有被复制。
我分享我的沙箱:https ://codesandbox.io/s/test-dragdrop-ecqec?file=/components/DropContainer.svelte
谢谢你的时间。
Node.cloneNode不会复制使用“addEventListener”添加的事件处理程序,Svelte 在内部使用该on:event
语法。
在您的场景中,使用苗条,您不应该拖放节点,而是在组件之间拖放数据。在您的 DropContainer 中,为删除相关组件的每个数据重新创建。