Vue3 about agnostic-draggable HOT 4 CLOSED

Forget it, weird but when I used your example I got access to all of that stuff.

from agnostic-draggable.

Hi @rzn1 I've tried with Vue 3 and it's working good. Find example below:

  const sortable = new Sortable(sortableRef.value, {
    handle: '.my-handle,
    axis: 'y',
  });

  sortable.on('sortable:update', (ev) => {
    // Do the magic... 
  });

Also, try to use template refs (https://v3.vuejs.org/guide/composition-api-template-refs.html) to avoid document.querySelector regarding element reference.

from agnostic-draggable.

Hmm, i kinda resolved that issue. Anyways i have another question. Why i can't access any data or methods from inside of droppable event ?

Examples:
Trying to access a method : https://gyazo.com/b63f6c44f42bc76c4b38d497a84ee7ad
Method: https://gyazo.com/758b4bb95b1db43b600083fcfdc60485
Error: https://gyazo.com/fd1752e7e505b561d3f49acb2933fbf3

Same thing happens if i try to access data also.

from agnostic-draggable.

@rzn1 were you able to make it work? In your code, it seems you were referencing 'this' from inside a scope that does not have access to it.

from agnostic-draggable.