disabled Prop

[Toilal]

Would you consider a pull request adding a disabled Prop mapping to disabled sortableJS option ?

[David-Desmaisons]

Hello @Toilal, it is already possible to use disable option using the options props.

[Toilal]

Only issue when using options property is that watcher is not declared on options.disabled (L#136). So I need to clone the option object in order the watcher to be triggered.

(I use TypeScript and vue-class-component)

draggableOptions = {disabled: false};

@Watch('modalOpened')
onModalOpened(opened: boolean) {
  let options = _.clone(this.draggableOptions);
  options.disabled = opened;
  this.draggableOptions = options;
}

<draggable v-model="wrappers" :options="draggableOptions">
  ...
</draggable>

[David-Desmaisons]

@Toilal , Could you create a jsfidle with a similar issue?
I guess using a deep watcher would solve the issue, with a jsfidle I can make sure that the fix is correct.
The weird thing is that the behaviour is ok in this example:
Disable.html

[Toilal]

https://jsfiddle.net/Toilal/L09pu539/

[Toilal]

btw, this library still rock :) 👍

[David-Desmaisons]

Hello @Toilal , thanks for the jsfiddle using deep watch solve the issue.
The fix is available in version 2.11.0