Vue.draggable: :move event not being fired

Created on 25 Mar 2017  路  7Comments  路  Source: SortableJS/Vue.Draggable

Are there any prerequisites to the :move event being fired?

I've added :move="checkMove" to my <draggable> component and this is my checkMove function:

    checkMove: function (evt) {
        console.log('check move')
        console.log(evt)
      }

But I don't see anything added to the console.

This page is quite complex so I'm not sure I'll be able to jsfiddle an example.

Most helpful comment

@webnoob Please check cancel example to see a working example of move props. The only reason it will not fired is that both list and value props are null.

Note that you should return true to authorize the drag operation.

If this does not help, I will definitivelly need a jsfiddle to investigate.

All 7 comments

@webnoob Please check cancel example to see a working example of move props. The only reason it will not fired is that both list and value props are null.

Note that you should return true to authorize the drag operation.

If this does not help, I will definitivelly need a jsfiddle to investigate.

@webnoob , Any news on this one?

I am closing this one. Please reopn if you have more feedback.

This is happening for me also.

I have <draggable class="lane board-backlog" :options="{group:'board', sort: false}" :move="updateBoard">

and a method

updateBoard: function(card, origin){
...
}

This never gets fired though?

@mediabeastnz , could you please create a jsfidle?

@mediabeastnz just seen your comment on issue #78 , so do not consider this comment.

Just in case anyone comes across this and needs a quick fix: you must use the v-model or list prop for move to work.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

tomdong picture tomdong  路  3Comments

ghost picture ghost  路  3Comments

Leadaxe picture Leadaxe  路  3Comments

AnnaStuehlmeyer picture AnnaStuehlmeyer  路  3Comments

rootman picture rootman  路  3Comments