Vue.js-拖放/合并

我是Vue.js框架的初学者。 我已经使用引导创建了一个GUI，现在我正在使用vue重写。 但我正在努力解决一个问题：我需要制作两个列表，其中一个是可拖动的，然后放到另一个列表中。当我删除另一个列表时，我应该能够将此可拖动信息合并到第二个列表的内容中：

列表1中的项目必须可拖动并放置在列表2中，与其中一个警报方块合并

问题是：我正在谷歌寻找一些东西，但是，我找不到允许我拖放和合并的东西。至少，不是因为我缺乏经验

有人有什么建议吗？我真的很感激

真诚地，

---

Hugo Alves

您可以尝试这些库：

---

@elalamianas我找到了一种使用vue.draggable解决问题的方法

对于拖动项目列表，我在HTML中使用了以下代码：

<draggable v-model="List1" :options="{group:{name:'LIST1.name', pull:'clone'}}" @start="drag=true">

因此，每次我从列表1的列表2中删除该项时，我都会收到一个带有已删除项ID的警报

我的英语不流利，所以很抱歉语法不正确。但是，谢谢你的建议

<draggable v-model="List2" :options="{group:{ put:'LIST1.name'}}" @add="onAdd">

 onAdd: function (evt) {
      console.log(evt)
      alert(evt.clone.id + ', ' + evt.path[1].id)
  },
  components: {
    draggable
  }