Allow or document use of Sortable events about vue.draggable HOT 12 CLOSED

Ah, of course. That approach is probably better anyway.

I would maybe just add a bit in the documentation that says something like "Normally you would hook into Sortable events using the options, but instead you should use vue's watch API like so simple example here".

Maybe not worth doing if I'm the only person who couldn't figure it out though :)

from vue.draggable.

Ah your awesome thank you

from vue.draggable.

Hi @logust , I would suggest that you watch directly the change events on the underlying Vm collection using vuejs watch API. This should cover the scenario you want to address. Please tell me if that would work for you and if not, please explain what you want to achieve. Thanks.

from vue.draggable.

Hi @logust , you are rigth: I will update the documentation and then close the issue.

from vue.draggable.

Documentation updated

from vue.draggable.

@David-Desmaisons I have an issue where I have 1 list that is in a bucket with a particular order , and the other that doesn't matter the order.

So I need the ability to sort list1 when list1 changes. Which means i cannot use the watch method because it will have a loop.

Ideas how to get around this?

from vue.draggable.

@lukepolo please open another issue with a jsfiddle descibing what you want to achieve and what is the problem. Thanks.

from vue.draggable.

Here is my jsfiddle

https://jsfiddle.net/jyf2fuwj/4/

Im trying to make sure the list 1 is in the proper order

from vue.draggable.

You can use sort:false as option on the list that should not be reordered: https://jsfiddle.net/dede89/4amr9hdp/.
Is that the behaviour you want:

from vue.draggable.

No sorry ill try to explain it better.

Each entry in my list has a property called order , this dictates the order, the items must be displayed.

When someone drags from a item from list 2 to list 1 , list 1 then reorders based on their order property

from vue.draggable.

Also list 2 does not care of the order of its items.

from vue.draggable.

1. observe event linked to drag and drop not underlying collection
2. use next tick to avoid the loop

Here:

https://jsfiddle.net/dede89/4amr9hdp/

from vue.draggable.