drag and drop in vue js without component

Question

I want to use html 5 drag and drop in vue js .

I see the w3schools tutorial about drag and drop . It works in a simple html file but doesn\'t work in my vue project

Answer 1

you just need to call the vue event not the html event v-on:drop instead of drop for example

here is the implementation of the example you provided in the link with vue

 
      
        
        
        
      
      
        

          
Drag the p element back and forth between the two rectangles:
          

            

              Drag me!
            
          
    
          

    
          

            Note: drag events are not supported in Internet
            Explorer 8 and earlier versions or Safari 5.1 and earlier versions.