如何在拖动回调中使用异步 API？

Question

我试图防止通过 DnD 进入基于特定标准的输入。为了确定是否允许丢弃，我被迫向异步 API 发送请求并基于响应调用 event.preventDefault() 与否。这个检查是在 Vue.dragover 事件上执行的。但是，如果我在等待的请求之后调用 preventDefault，它根本不起作用，但如果在请求之前调用 preventDefault，它确实有效。我该如何正确处理？

Answer 1

在我看来，您对算法而不是代码更感兴趣，所以我会相应地回答。

始终防止默认操作。 向服务器发送请求并等待响应。 “绘制”将对象拖到服务器上的位置 OK。

我在拖放式 Web 构建器上做了同样的事情，而且效果很好。