Questions tagged [vuedraggable]
The vuedraggable tag has no usage guidance, but it has a tag wiki.
vuedraggable
197
questions
0
votes
1
answer
775
views
VUE - vue draggable wont drag back into empty list column
I'm currently developing a Project Management application using the vue-draggable feature, which allows me to drag tasks into three distinct phases: ToDo, Progress, and Completed. The feature ...
1
vote
0
answers
393
views
how to get target of vue draggable
I am using vue draggable element like this
<b-row v-for="(stage,index) in Pdata" :key="index">
<!-- people group 1 -->
<b-col md="6"...
-1
votes
1
answer
1k
views
Nesting in VueDraggable is not not working
here's my problem :
I'm using the VueDraggable library in order to drag and drop elements between a DragBoard.vue and a DropBoard.vue, and a specific type of element should allow to be nested when it ...
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 ...
1
vote
2
answers
4k
views
VueJS 3 draggable issues
I'm using VueJS 3 with "vue-draggable-next": "^2.1.1".
Nothing happens when I try to drag.
I see in the HTML this:
<div class="flex m-10" data-v-52c58f0f=""&...
2
votes
0
answers
524
views
Vue seems to mess up dragend event when HTML elements changed as result of drag
Iam working on app which is using vuedraggable library (https://github.com/SortableJS/vue.draggable.next). My arrays between which elements can be dragged are computed property sorted from one big ...
3
votes
1
answer
9k
views
how to get vue draggable moved item
I am using this to implement drag-drop in my vue app. Lets my array is:
lists: [
{ id: 1, name: 'Item 1' },
{ id: 2, name: 'Item 2' },
{ id: 3, name: 'Item 3' },
]
I want to get the ...
1
vote
0
answers
608
views
vuedraggable: how to drag multiple items in a table at once
I would like to drag multiple <tr>'s up and down a table column at the same time. It's rather straight forward to drag individual rows using <draggable>, however what I'm looking for is 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
3k
views
Vue Draggable Next missing template or render function
I'm trying to use Vue Draggable Next for a Vue 3 example page.
I've followed guide in the repo. After failing to import Vue Draggable Next component, I've started using https://unpkg.com/vue-draggable-...
0
votes
0
answers
2k
views
Vuejs vuedraggable, when drop the element to the last index (position) the order changed
I'm trying to use vuedraggable to drag and drop elements from one list to another, but when I drop the element from the list to the second list at the bottom of it, the item become the before the last ...
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/...
3
votes
1
answer
2k
views
How to trigger only one button with vuedraggable?
I am implementing table draggable with vue. However, what I want is to trigger only the column button on the v-icon, but when all the rows are pressed, all triggers. How can I limit the draggable to ...
1
vote
1
answer
1k
views
Why will vue draggable items not move between lists?
I am trying to create a card builder using Vue draggable. I have a row full of cardElements and these can be dragged to the card builder. The card builder is a rectangle made up of individual "...
3
votes
1
answer
863
views
vuedraggable works with :list, not v-model with Vue3 composition API
I have this Vue3 component using composition API:
<script setup lang="ts">
import { reactive } from "vue";
import draggable from "vuedraggable"
const myArray = ...