Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Vue.Draggable中将项目添加到列表之前显示弹出窗口?_Javascript_Vuedraggable - Fatal编程技术网

Javascript 如何在Vue.Draggable中将项目添加到列表之前显示弹出窗口?

Javascript 如何在Vue.Draggable中将项目添加到列表之前显示弹出窗口?,javascript,vuedraggable,Javascript,Vuedraggable,我正在将一个项目从一个列表拖到另一个列表以添加或删除 我想在将拖动的项目添加到列表之前打开一个弹出窗口 我使用了@drop事件来执行此操作,但只有在将拖动的项目拖放到列表中后,才会触发drop事件 如何在使用Vue.Draggable将项目拖放到列表之前显示我的弹出窗口?您好,您找到了吗?是@aznmik,我找到了。我将分享github链接如果你能分享解决方案就太好了:)@aznmik请参考此链接https://github.com/cameronhimself/vue-drag-drop&ht

我正在将一个项目从一个列表拖到另一个列表以添加或删除

我想在将拖动的项目添加到列表之前打开一个弹出窗口

我使用了@drop事件来执行此操作,但只有在将拖动的项目拖放到列表中后,才会触发drop事件


如何在使用Vue.Draggable将项目拖放到列表之前显示我的弹出窗口?

您好,您找到了吗?是@aznmik,我找到了。我将分享github链接如果你能分享解决方案就太好了:)@aznmik请参考此链接
https://github.com/cameronhimself/vue-drag-drop
&
https://github.com/SortableJS/Vue.Draggable
。您必须将drop事件侦听器添加到组件中。1.创建拖放列表。将一个项目从列表拖到另一个下拉列表中,并将其拖放到列表中。2.将drop事件侦听器添加到div项目或您想要的位置。3.在drop div上删除项目后,弹出一个带有Accept、Reject的弹出窗口,如果单击了Reject,则不要将拖动的项目添加到drop列表中。