All Questions
Tagged with vuedraggable sortablejs
34
questions
0
votes
0
answers
94
views
Drag and Drop Functionality in Vue.Draggable(SortableJS): Unable to drag items into non-empty groups
I am working with Vue.Draggable and I am trying to create a mechanism that enables drag and drop functionality among different groups of items. My groups of items consist of several md-list-item ...
1
vote
2
answers
469
views
what's the type of the Vue.Draggable "change" event?
I'm trying to get the type (in a typescript sense) of a change event from Vue.Draggable
https://github.com/SortableJS/Vue.Draggable
but can't find its definition
the documentation shows that the event ...
0
votes
0
answers
35
views
Nested vuedraggable - children for draggable not display
I would like to achieve the effect of managing subpages (changing the order, level) on the page by dragging.
I use vuedragabble for this.
I have a problem with changing the depth levels - I think I ...
1
vote
1
answer
613
views
How do I make a two dimensional grid with Vue.Draggable?
I am using Vue2 with Vuetify and I have a two dimensional grid of buttons.
<v-row>
<v-col cols="6" v-for="item in itemList" :key="item.id">
<v-btn ...
0
votes
1
answer
355
views
Vue Draggable clone into another list via custom component
I'm working in a Nuxt JS 2.x project that has Vue Draggable 2.24.3
I have a page where I have two draggable lists as part of a custom component called DraggableList
My DraggableList component is the ...
2
votes
1
answer
1k
views
Vue.Draggable : Use component inside draggable transition-group
I'm having trouble trying to use the Vue.Draggable library. I would like to use a component inside my draggable while keeping the transition-group. It's working without the transition group but ...
0
votes
1
answer
405
views
How to show an attribute of an item (generated by a loop) on-click?
In my vue3 app I have three boards :
one for draggable elements (already defined in a JSON file)
one for droppable elements (stored in a empty list in the vue)
one to display the properties of a ...
2
votes
0
answers
1k
views
Vue draggable not updating after dragging
I'm stuck with a issue where I can not drag the dragged element after it is dropped to the table,
the objective is to drag the elements from top to down in the right time th.
**this is the table where ...
0
votes
1
answer
343
views
How to swap 2 section with vuedraggable
Hi i'm able to swap or order within a section very easily
But i'm failing to swap between 2 sections i,e from leftSection to rightSection as shown in image
Here is full code
https://codesandbox.io/s/...
0
votes
0
answers
888
views
VueDraggable multiDrag and selected-class props not work in Nuxt.js
I currently use vue-draggable to make drag and drop component in my latest Nuxt project.
My package.json is like that (with the latest version of vuedraggable)
"nuxt": "^2.14.12",
&...
0
votes
1
answer
1k
views
how to clone an vuedraggable element into its sibling's nested children list?
https://codesandbox.io/s/fervent-oskar-shqtp?file=/src/components/nested-draggable.vue
pull operation is working fine, but when I change the pull prop from 'true' to 'clone', error occurred.
...
0
votes
1
answer
1k
views
Vuedraggable / SortableJS ability to move elements in and out of groups
I am using Vuedraggable (Sortable JS) to try and accomplish grouping of items. The items themselves shouldn't have children (as the demos for Sortable JS use), but instead should be grouped in a ...
2
votes
0
answers
2k
views
How can I use Vue-Draggable-Next to get nested draggable components to work?
I am working with a project that needs to render a few draggable graphs on a page, but also one of those graphs also needs nested draggability inside itself. I figured it would be a pretty simple case ...
1
vote
0
answers
186
views
Sortable.js/Vue..Draggable@next initial order of elements is incorrect
Inital array order is not preserved and changing itemKey prop does not affect the order too. Are the any quick fixes of these issues?
0
votes
0
answers
134
views
change background of svg while dragging
I'm using sortable.js to make svgs draggable. How can I remove that whitish background as in the image while dragging, and make background clear?
The svg has clear background when not dragged.
I've ...