Search code examples
vue.jsbootstrap-4draggable

Vue.js - Drag n Drop / Merge

i'm a beginner learning Vue.js framework. I've create a GUI using Bootstrap, and now i'm rewriting using vue. But i'm struggling against one problem: I need to make 2 lists, where 1 of them are draggable, to drop at the other list. When i drop at the other list, i should be able to merge this draggable information into the content of the second list:

The item from list 1 must be draggable and dropped at the list 2, merging with one of the alert squares enter image description here

The problem is: I'm looking for something at google, but, i can't find something that allow me drag, drop and merge. At least, not with my lack of experience.

Does anyone have any suggestion? I would really appreciate!

Sincerely, Hugo Alves

Solution

  • You can try those libraries: