Vue.draggable: Lock drag list

[ItsLhoudini]

Is it possible to "lock" a drag list after some operation?

It will be useful from example if I have two lists (A and B) and I drop elements for B to A until A contains "10" elements, after that "lock" list B for no more drop elements on A.

UPDATE: I found a solution using :move function

[David-Desmaisons]

Use disabled property on the option props. It is reactive so you can change it when you want

[ItsLhoudini]

YES! The problem is not disabling at all the DnD function, but only on B pushing on A, because I want to leave the possibility to push back an element from A to B

[David-Desmaisons]

That the 'put, 'pull' option of group should be usefull

[ItsLhoudini]

I used the :move property

<draggable :list="listB" :move="checkMove">

checkMove () {
if (this.listA.length > 9) return false
},

and It works perfectly!

[David-Desmaisons]

Yes, another possibility :)