Javascript 在Vue.js中有时不执行Drop事件

更新

： 我发现，每次我用class

dateTitle

将条目拖过div元素时，都不会调用drop事件。试图找出原因

原件

我正在处理待办事项列表，以便将项目拖动到不同的列表。为此，我使用了

drop

、

dragstart

和

dragend

事件。在大多数情况下，当我拖动到其他列表或同一列表时，这项功能工作正常

我的问题是，当我在同一个列表中删除条目时，有时它不会调用

drop

函数，这只会导致调用

dragend

函数。按照我设置应用程序的方式，我需要每次成功启动drop功能，以确保一切正常

当我在同一个列表中快速拖放时，通常会发生这种情况

Gif

控制台

列表

{{dayNumber}}
导出默认值{
组成部分：{
进入
},
数据（）{
返回{entries=[entry1，entry2，entry3，…等]，sameList:false}
},
方法：{
翁德罗普（）{
//这需要执行每一次！
控制台日志（“下降”）；
if（//如果在同一列表中删除，则不继续）{
控制台日志（“相同列表”）；
this.sameList=true；
返回
}
},
dragStart（）{
//这项工作执行得很顺利
console.log（“============================”）；
log（“拖动启动”）；
},
德拉根德（）{
//它执行时不会失败，除非如果未调用onDrop，它不会正常工作。
console.log（“拖动结束”）；
如果（这个sameList）返回；
}
}
}

尝试使用

dragend.provent

唯一的问题是我的条目中需要dragend作为清理功能。查看此答案谢谢您的帮助！这对我有用。这回答了你的问题吗？