Vue-draggable-next:增加空列表的检测范围

问题描述

我使用 Vue-draggable-next 和 Vue 3 来实现可拖动列表。我的应用程序有时需要用户将其他列表中的项目拖到最初为空的列表中。我发现拖动检测区域是由它的元素占据多少空间决定的:当列表中没有项目时,将一个项目拖到列表中是非常令人沮丧的,因为检测区域太小了(只有十几个像素)页面上列表的开头)。以下 GIF 演示了这一点:

GIF

是否可以以某种方式设置每个列表的检测范围高度?

解决方法

您可以通过向可拖动对象添加最小尺寸来轻松解决此问题,min-heigh: 200px 这是因为未指定放置区域并且需要设置最小高度