All Questions
Tagged with vuedraggable javascript
69
questions
0
votes
1
answer
84
views
Vue Draggable Elements Revert Back to Original Position After Drag and Drop
I'm using vuedraggable in a Vue 3 project to allow reordering of elements within an expansion panel. The elements can be dragged and dropped to a new position within the panel, but they revert back to ...
0
votes
0
answers
43
views
<tbody> renders twice when using Vuedraggable in Vueitfy 3
I would like a simple table where I could drag and drop rows to reorder them. The problem I'm having right now is that the tbody is rendered twice, which messes up the layout. I see examples for Vue/...
0
votes
1
answer
103
views
How to make element parent if the element doesnt have a child in vue draggable
I am trying to use vue-draggable in my project: https://github.com/SortableJS/Vue.Draggable
Here is my ElementsList component:
<div>
<draggable v-model="newElement" :...
2
votes
0
answers
267
views
How to cancel a dragging operation in vuedraggable programmatically
When dragging, if currently dragged element is over a (fixed) non-movable element, it should do some checking to find the closest available element to be swapped with. After that I would like to ...
0
votes
1
answer
157
views
Vue3-Draggable - Fetch Object List
I feel i must be very close to gettign this working, all I did was clone the original project from github and change the awway it creates to my own fetch request. When I set it as an array I see my ...
0
votes
0
answers
90
views
Erratic behavior trying to reorder array via Drag and Drop in Vue 3 using vue-draggable-next
I'm having trouble rearranging an array using vue-draggable-next to drag and drop items in an array. The array is objects containing song sections, (for example: "Verse 1", "Chorus"...
2
votes
2
answers
3k
views
How to get vuedraggable to work in Vue 3?
I've been trying to get vuedraggable to work. I've copied the code pretty much exactly from here: https://github.com/SortableJS/vue.draggable.next
Here's my test component:
<script setup>
import ...
0
votes
1
answer
203
views
vuedraggable: register global component without import export
Is there a way to register vuedraggable as a global component without import export?
My setup looks like this now (simplified):
<div id="contentNavigation"></div>
<script src=&...
0
votes
0
answers
212
views
Vue.draggable - swapping between two list
I have a problem. I need to organaze two draggable table like swapping.
1 table: have 7 fixed items.
2 table: Other items.
When you swapping items from the second table to the first, a dialog box ...
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 ...
0
votes
1
answer
224
views
Vue Draggable List is not parsed properly in VueJs3
I want to make a list of draggable objects like the one on the left side of this image:
To do so I have modified Vue2InteractDraggable.vue to work with VueJs3 as you can see in this codesandbox, but ...
0
votes
1
answer
387
views
How to get complete node list of elements from inside vuedraggable template
I'm using vuedraggable (https://github.com/SortableJS/vue.draggable.next) and trying to get a NodeList of all elements rendered inside the draggable component.
The usual Vue3 way would be to use ...
3
votes
2
answers
5k
views
vuedraggable custom component setup in Nuxt3
I'm having a hard time getting vuedraggable (https://github.com/SortableJS/vue.draggable.next) to work in Nuxt 3. Here is the steps I followed so far.
npm install vuedraggable@next
Then created this ...
2
votes
1
answer
2k
views
How to automatically update "order" field of an item using VueDraggable?
How to update order here after drag and drop?
Currently using Vue3 and
vue draggable( https://github.com/SortableJS/vue.draggable.next).
"items": [
{
"name": "Test ...
0
votes
1
answer
248
views
Adding drag drop functionality in Vue Splitpanes
I am trying to add Drag-drop functionality in Vue Splitpane. I was trying several drag-drop packages i.e. vue-smooth-dnd, Vue.Draggable, etc. But, those dnd packages were conflicting with the ...