+ <VSelector @select="addItem" />
+ <div>
+ <VDraggable v-for="(item, index) in items" :key="index">
+ <component :is="item.tag"></component>
+ </VDraggable>
+ </div>
+ <div
+ class="drop-zone"
+ @drop="onDrop($event, 1)"
+ @dragover.prevent
+ @dragenter.prevent
+ >
+ <div
+ v-for="item in listOne"
+ :key="item.title"
+ class="drag-el"
+ draggable
+ @dragstart="startDrag($event, item)"
+ >
+ {{ item.title }}
+ </div>
+ </div>
+ <div
+ class="drop-zone"
+ @drop="onDrop($event, 2)"
+ @dragover.prevent
+ @dragenter.prevent
+ >
+ <div
+ v-for="item in listTwo"
+ :key="item.title"
+ class="drag-el"
+ draggable
+ @dragstart="startDrag($event, item)"
+ >
+ {{ item.title }}
+ </div>
+ </div>