feat(QrcodeDropZone): dragover event

gruhn · Feb 11, 2019 · 4ec0a25 · 4ec0a25
1 parent eb6583e
commit 4ec0a25
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/components/QrcodeDropZone.vue b/src/components/QrcodeDropZone.vue
@@ -1,9 +1,9 @@
 <template lang="html">
   <div
     @drop.prevent.stop="onDrop"
-    @dragover.prevent.stop
-    @dragenter.prevent.stop
-    @dragleave.prevent.stop>
+    @dragenter.prevent.stop="onDragOver(true)"
+    @dragleave.prevent.stop="onDragOver(false)"
+    @dragover.prevent.stop>
     <slot></slot>
   </div>
 </template>
@@ -18,7 +18,13 @@ export default {
   mixins: [ CommonAPI ],
 
   methods: {
+    onDragOver (isDraggingOver) {
+      this.$emit('dragover', isDraggingOver)
+    },
+
     onDrop ({ dataTransfer }) {
+      this.onDragOver(false)
+
       const droppedFiles = [...dataTransfer.files]
       const droppedUrl = dataTransfer.getData('text')