All Questions
Tagged with vuedraggable vue.js
150
questions
0
votes
0
answers
24
views
can anybody tell me how we can make the q-table rows draggable in quasar
I have tried with vuedraggable package and quasar-ui-q-draggable-table package but it is not working in q-table quasar.
The vuedraggable package is widely used for drag and drop operations in Vue.js ...
0
votes
1
answer
52
views
Vue draggable not working on b-table, why?
I am using Vue 2 with Bootstrap Vue.
I have a table for which I would like to be able to drag and drop these rows.
But the way I implemented it does not work, but I don't know why.
I am guessing the ...
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
14
views
Vuedraggle is dragged into the specified column, and the name of the group is different. What is the reason?
Vuedraggle is dragged into the specified column, and the name of the group is different. What is the reason?I want to drag from the a list to the specified column, such as c, d
How to implement this ...
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
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 ...
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
--...
0
votes
0
answers
36
views
Vue draggable Check if Item is already in list and reset to inital state if dropped
I have a parent component which has a child component which is used two times and the Child component uses the Vue draggable library. Now I want to reset the arrays which render the two child ...
0
votes
0
answers
111
views
How can i drag and drop an item from one v-data-table to another?
I have a parent v-data-table with expandable rows. Each row item has then its own v-data-table.
What I am trying to achieve:
I aim to move an element from a nested v-data-table within one row of the ...
0
votes
0
answers
108
views
Ant vue Table, Draggable columns
Is there a built-in tool in the Ant Vue Table component for making columns draggable? From my research, it seems there is no such feature available. I attempted to use vuedraggable, but encountered ...
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 ...
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
30
views
How can I make element draggable except the button
I am using vue-draggable for my project. It is something similar like this.
<draggable
v-if="isOpen || (isOpen && isAllOpen)"
v-model="...
0
votes
0
answers
165
views
How can I make vue-draggable element with button
I want to have a draggable element with a button for my vue 2 application. For this, I am using vue-draggable. So something like that in the picture:
So currently, when I click the button (the one ...