Vue.draggable: Disable draggable on an item
Hi,
How can i disable the drag and drop effect on a specific item ?
I'm not sure but i didn't see any options to do that, maybe it's a feature to develop :)
Thanks by advance.
mathlet0x
All 4 comments
Hi @mathlet0x , you can use draggable option to use a class for the draggable items. You can use vue class binding to set this class for the draggeble element.
David-Desmaisons
on 12 Dec 2016
Thanks @David-Desmaisons
mathlet0x
on 12 Dec 2016
You can use like this, thanks @David-Desmaisons
draggable_file_list.vue
```draggable_file_list.vue
.
**draggable_file_list_item.vue**
```draggable_file_list_item.vue
<template>
<div class="up-container" :class="{ 'js-draggable-file-list-item': !isLoading }">
.
.
If you have :options - you must set draggable to the options attibute
```js
:options="{
group: 'people',
draggable: '.active'
}"
@end="onDraggableEnd" :move="onDraggableMove">
````
Sect0R
on 28 Sep 2020
Related issues
patpaskoch
路
4Comments
Kuohao-wu
路
3Comments
fedenko
路
3Comments
iou90
路
3Comments
Sualty
路
3Comments
Most helpful comment
Hi @mathlet0x , you can use draggable option to use a class for the draggable items. You can use vue class binding to set this class for the draggeble element.