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

Posted

技术标签:

【中文标题】Vue-draggable-next:增加空列表的检测范围【英文标题】:Vue-draggable-next: increase detection range for empty list 【发布时间】:2021-09-22 14:09:58 【问题描述】:

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

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

【问题讨论】:

你能分享你的代码,包括 vue-draggable 吗? 【参考方案1】:

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

【讨论】:

以上是关于Vue-draggable-next:增加空列表的检测范围的主要内容,如果未能解决你的问题,请参考以下文章

2021-10-16:单词拆分 II。给定一个非空字符串 s 和一个包含非空单词列表的字典 wordDict,在字符串中增加空格来构建一个句子,使得句子中所有的单词都在词典中。返回所有这些可能的句子。

python中列表增加元素的方法

3-1 列表的基本操作

第三章 列表元组字典字符串的操作

python学习笔记之列表

angularJs实现动态增加输入框