cameronhimself / vue-drag-drop-demo Goto Github PK

Thanks a lot for the library.
Even though I used :effect-allowed="['move']" on my drag component, I couldn't make it "stay" on the scoped slot. Any ideas or directions?
Thanks a lot.

cameronhimself/vue-drag-drop#42

Thanks for great library-)

I want use my drop and drag elements in both directions, such as I can move drag-element on drop-element and reverse: drop-element on drag-element.

Is it possible?
/ Thanks

The transferData property did not work for me. I checked the demo files and found the property like this: transfer-data. That way (trasnfer-date) worked for me. What is the difference between transferData and transfer-date?

I develop a file upload with drop feature.

I see the docs the dragover event when a drag component is over the drop componet.

In my case, i only use a drop component because i receive the file from the user. But i can't apply styles when the user has a file over the drop component.

<template>
    <drop @drop="handleDrop" @dragover="over = true"></drop>
</template>

<script>
  export default {
    data () {
      return {
        over: false
      }
    },

    methods: {
        handleDrop () {
            //
        }
    }
 
  }
</script>

The over data only change when i drop the file, not when is over.

How can i do this behaivor?

Exclusive groups has to be implemented manually, but cursor effects works automatically. Is it possible to combine the 2?

Thanks!

see https://stackoverflow.com/questions/52401606/vuejs-drag-and-drop-example-in-docker-not-working

I have a grid and each cell is a droppable container.

What i want to achieve is drag a div over a cell and while over the cell changes the background, like in the example shown.

Problem with that that all cells take that class over when i start dragging.
How can i solve this situation.