Vue Grid Layout Example 09 - Drag From Outside
View project on Github
Previous example: Dynamic Add/Remove
Next example: Bounded
This demo shows what happens when an item is added from outside of the grid.
Once you drop the item within the grid you'll get its coordinates/properties and can perform actions with it accordingly.
Displayed as
[x, y, w, h]
:
{{item.i}}
: [{{item.x}}, {{item.y}}, {{item.w}}, {{item.h}}]
Droppable Element (Drag me!)
{{item.i}}