All Questions
Tagged with vuedraggable draggable
31
questions
0
votes
0
answers
22
views
Incorrect visual representation after transferring all items between groups in VueDraggableNext?
I need to make a wrapper component to sort elements on a page. I took the VueDraggableNext component as a basis. Here is the source code:
https://codesandbox.io/p/devbox/sortable-98v3lk
<template&...
0
votes
0
answers
96
views
How can I get relatedContext.element in Vue draggable in nested elements?
This is my ElementsList component:
<template>
<draggable :list="elements" v-bind="dragOptions" :move="handleMove" handle=".handle">
<...
0
votes
0
answers
59
views
How can I store the expandable position in vue application
I have nested draggable elements in my vue project and for drag event, I am using vue-draggable. So you can imagine my view something similar with this:
--> Element A
--> Element B
--...
0
votes
0
answers
50
views
how can to revert draggable's initial state
I have nested draggable elements in my vue project and for drag event, I am using vue-draggable. So you can imagine my view something similar with this:
--> Element A
--> Element B
--...
4
votes
1
answer
727
views
Vue3 with Draggable - Nesting list - Reactivity
I try to make drag and drop list with Draggable plugin, but depend how i assing new value in watcher from component(second code block) that's responsible of nesting it work only in one way
Codesandbox ...
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 ...
1
vote
1
answer
897
views
how to enable only one way drag in 2 lists draggable in vuejs
I am using vuedraggable library to create draggable items(https://github.com/SortableJS/Vue.Draggable)
I want to create two draggable lists and I only enable drag from list1 to list2. So I want to ...
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 ...
1
vote
0
answers
324
views
Vuetify Draggable Data-table with nested children rows
I have a Vuetify data table with draggable rows. Working well. Here is my code:
<template v-slot:body="props">
<draggable
:list="props.items"
tag="...
1
vote
1
answer
2k
views
Adding item in draggable component in vue3
I am using vue draggable package for my project and here you can see the full component:
<template>
<div>
<button class="btn btn-secondary button" @click="add&...
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 ...
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=""&...
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 ...
0
votes
0
answers
314
views
How can I save order of v-cards when using vue draggable?
I designed a site using Vue, Vuetify, and implemented Draggable really late in the development of my application and used it as follows:
<draggable v-model="dragitems" class="v-card" handle="....