Vue.draggable Get拖动的项目和列表ID
Vue.draggable是一个基于Vue.js的拖拽组件，它可以实现拖动项目和列表的功能。通过使用Vue.draggable，我们可以轻松地实现拖拽排序、拖拽交互等功能。
Vue.draggable的主要特点包括：
- 简单易用：Vue.draggable提供了简洁的API和丰富的功能，使得拖拽操作变得简单易用。
- 可定制性强：Vue.draggable支持自定义样式和事件处理，可以根据需求进行灵活的定制。
- 兼容性好：Vue.draggable兼容各种主流浏览器，并且可以与其他Vue.js插件和组件无缝集成。
Vue.draggable的应用场景包括但不限于：
- 列表排序：可以通过Vue.draggable实现对列表中项目的拖拽排序，例如对任务列表进行优先级排序。
- 拖拽交互：可以通过Vue.draggable实现拖拽交互，例如拖拽图片到指定区域进行上传。
- 可视化编辑：可以通过Vue.draggable实现可视化编辑功能，例如拖拽组件进行页面布局调整。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：腾讯云提供的弹性计算服务，可满足各种计算需求。详情请参考：云服务器产品介绍
- 云数据库MySQL版（CDB）：腾讯云提供的高性能、可扩展的关系型数据库服务。详情请参考：云数据库MySQL版产品介绍
- 云存储（COS）：腾讯云提供的安全可靠、高扩展性的云存储服务。详情请参考：云存储产品介绍
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。
相关·内容
我已经阅读了我能找到的所有文档和stackoverflow，但仍然有问题。 我正在用Vue和Rails构建一个Trello克隆。 我有很多可拖拽的列表。 每个列表都有可拖拽的卡片。当我将一张卡片从一个列表拖到另一个列表时，如何将其持久化到ajax rails端点？ 我尝试过使用@end方法和:move属性，但一无所获。</div>
<
浏览 40提问于2019-05-03得票数 2
使用Vue.Draggable/SortableJS实现功能的方法是什么，如所示
当鼠标移动到右边预定的</
浏览 5提问于2019-12-23得票数 0
有没有办法在Vuex Store中使用带有计算变量的Vue.Draggable列表？我是VueJS的新手，这是我目前的组件设置：<draggable class="list-group" :list="list1" group="people"> v-for="(element, ind
浏览 9提问于2019-11-19得票数 4
我在我的Vue项目中使用Vue.Draggable，并试图从sider拖动(克隆)一个按钮到一个可拖动的组件中。在Vue.Draggable中有没有某种同步机制？我只想更改组件中的对象数据。i = 0, len = this.whens.l
浏览 9提问于2019-11-07得票数 0
1回答
我使用的是Vue.Draggable：我有两个列表设置和能力之间拖动。我在第二个列表中添加了一个onAdd事件，这样我就可以检测什么东西被添加到列表中了： console.log(evt.item);现在，如果我将"John“或"Joao”拖到第二个列表中，则事件不会正确地选择被拖进来的项目。如果我把"Jean“拖进去，
浏览 2提问于2017-08-28得票数 4
回答已采纳
我有一个场景，其中我有多个容器，其中有一个头部，然后是将在vue.draggable上使用的列表和一个页脚。
我已经设法让列表部分在多个容器之间进行拖放，但前提是我将它们放在容器的列表区域中。我的理想场景是可以在整个容器中进行拖放，这样我也可以在页眉/页脚中拖放一个列表项(可能会默认将其添加到列表的0位置)。我尝试过在列表项和父目录上创建额外的<
浏览 54提问于2019-08-13得票数 11
我正在与Vue.Draggable ()合作，创建一种支持将项目从一个列表拖到另一个列表的kanban板类型。我遇到的问题是，当我将一个列表项目拖到另一个列表的底部时，该项目将不会被添加到列表中，除非鼠标光标在拖动时从第二个列表中触摸到一个项目。我知道，当你有一个空的列表，你可以设置‘：空-插
浏览 5提问于2019-12-20得票数 7
我正在尝试将vue.draggable集成到我的项目中做这件事最好的方法是什么？ return { }
},
浏览 5提问于2017-08-15得票数 0
我想知道是否可以为Vue.draggable设置默认选项？目前，我发现我需要继续为每个可拖动的选项，当一些(如句柄和滚动灵敏度)将更好地设置在全球。
浏览 0提问于2018-11-01得票数 0
回答已采纳
可以在BootstrapVue表中使用Vue.Draggable吗？ 第二个问题:是否可以将列表中的项目拖到B表的列中，就像我从列表中拖出一个带有项目名称的列字段后得到的一样？ 谢谢
浏览 30提问于2020-01-23得票数 1
我有一个元素的array，但我想显示它，并提供一个可拖特性()，但只提供该array的一部分。为此，我使用了原始数据数组中的计算属性，并将数组拆分为两个数组，我使用这些计算数组创建了一个列表，但当我拖动并试图重新排序拖动的列表时，似乎索引出现了问题，如下面的示例，如果试图拖动第一个列表，它不会重新排序，但第二个列表会重新排序。npm/sortablejs@1.8.4/Sortab
浏览 4提问于2021-03-06得票数 0
1回答
我使用的是基于SortableJS库的Vue.Draggable库。 在我的代码中，我有两个可拖动的列表，但我还有第三个列表，它没有与简单的元素结合在一起。第三个列表有一个对象数组，每个对象数组中都有一个端点条目，当我删除元素时，我想执行一个函数，该函数从端点获取对象数组，并将其与目标列表合并。 }, getAllTheFirstNames (evt) {
浏览 14提问于2019-02-12得票数 0
回答已采纳
1回答
我是Vue.js的新手，对于这个项目，我使用来拖动项目。当前，拖放div中的项显示为Text 2Text 4Text 1 Text 2JsFiddleLink = <div id="app"> <draggable id="first" data-source=&
浏览 0提问于2021-08-31得票数 1
回答已采纳
最近，我发现SortableJS / Vue.Draggable库()有一个新的选项，可以启用多拖动，从数组中选择多个元素并将它们一起移动()。我见过一些样本，它们的工作原理非常完美，例如：
{
"routes"
浏览 7提问于2020-06-03得票数 5
回答已采纳
1回答
我正在尝试使用vue.draggable进行持久化卡片排序，我还没有在挂载上进行排序，而且我有点纠结于更新所有节点的索引 在draggable上，我调用 <draggable console.log(e.oldIndex)
}, (仅
浏览 47提问于2020-12-16得票数 0
1回答
我编写了一个利用vue的呈现函数的包装器指令。itemsToRender" :key="item.id" />const itemsToRender = ['<p>test</p>', '<h1>HELLO</h1>'];<my-directive></my-directiv
浏览 2提问于2019-06-24得票数 0
回答已采纳
1回答
我正面临着使用@dnd-kit的问题。排序部分工作得很好(例如，当我开始拖动第一个元素时，它会进行排序)，但是当我到达一个可下垂的元素(绿色敲击)时，排序中断和第一个元素返回。
浏览 55提问于2022-02-01得票数 0
我在拖拽列表中有一个项目池，它使用connectToSortable选项连接到一个可排序项目。现在，我想从排序列表中删除一些项目，并将它们移回拖动列表。有点像撤销。假设用户将5个项目移动到排序列表，并决定他/她只需要4个项目，并决定只将不需要的项目从排序列表拖到拖拽列表中。如何在不在排序列表中添加“删除”链接的
浏览 0提问于2009-03-24得票数 4
回答已采纳
1回答
我正在使用，我试图完成一件事情，基本我有两个列表，第一个是包含一些部分的列表，如(表，段落.)第二个部分是构建块，但我需要的基本流程是，将一个元素从list1拖到list2，，但不要添加元素--这很重要，因为我需要先打开一个模式来设置将要添加的元素的属性，然后将其添加到futureIndex中。目前，我有了一个解决方案，我几乎可以完成我需要的事情，我只需要了解如何取消元素的添加，而不必挣扎于拖放的预览，而预览是指：我想看看
浏览 4提问于2017-08-18得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
