Skip to main content

Questions tagged [vuedraggable]

The tag has no usage guidance, but it has a tag wiki.

vuedraggable
106 questions with no upvoted or accepted answers
4 votes
2 answers
1k views

VueJS + Vue.Draggable + Vuex Store + Computed Variables

Is there a way to use Vue.Draggable lists with computed variables in a Vuex Store? I'm fairly new to VueJS and this is my current component setup: // Template <draggable class="list-group" :list="...
user2307798's user avatar
3 votes
0 answers
1k views

vuedraggable working until <transition-group> added, draggable element must have an item slot

Trying out vuedraggable and the items drag and sort. <draggable :list="listRows" item-key="listID" class="list-group"> <template #item="{ element }"&...
RGriffiths's user avatar
  • 5,872
3 votes
0 answers
743 views

How can I drag items "into" other items, like a file and folder with VueJs

My project consists of VueJs 3 and vuedraggable.next. So im trying to build a interface for managing questions that are organized into subjects an different topics. And moving and rearranging them ...
Adam's user avatar
  • 1,289
3 votes
1 answer
4k views

Vue typescript class component with vuedraggable

I am having error when importing sortableJs/vuedraggable with TS class component. When using vuedraggable with standard JS standard component it's working fine. here's my vuedraggable with standard ...
Evan's user avatar
  • 2,477
3 votes
0 answers
848 views

Vue draggable does not work in production

I am using vue draggable it works in local but not in the server. I have 4 draggable components that work as group of 2, actives and inactives like this <draggable class="droppable-area" ...
Carlos Salazar's user avatar
3 votes
1 answer
2k views

Vue-Draggable & Acts As List - How to update the entire list position?

In my project I've got a Rails API backend where I'm using the acts_as_list gem and Vue frontend where i'm using the Vue Draggable package. The act of dragging works and I'm seeing a PUT request ...
J. Jackson's user avatar
  • 3,766
3 votes
1 answer
5k views

How to programmatically trigger a draggable "move" event by a click in Vue?

I have a set of cards that are arranged vertically and are currently draggable. When you drag a card over another, you see this card as a semi-transparent card hovering over the target position, ...
it_is_written's user avatar
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 ...
aspirinemaga's user avatar
  • 3,885
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 ...
sadovsf's user avatar
  • 68
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 ...
Captaincode's user avatar
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 ...
LovelyAndy's user avatar
2 votes
0 answers
952 views

Vue-draggable, nesting, and groups

Hey guys I need some assistance with vue draggable used in a nested context with groups. Some back story; I'm building a landing page creator, that said my layout follows standard bootstrap layout ...
Lulceltech's user avatar
  • 1,692
2 votes
0 answers
920 views

Vue element-ui table columns draggable

I'm using that for table now, but the header of the table is able to drag for now. How can I drag the table's columns? <el-table ref="tableRef" class="table-responsive table-flush&...
Nemanja's user avatar
  • 21
2 votes
0 answers
328 views

Vue draggable removing my nested object data?

I'm using Vue Draggable in my Nuxt Js project and am looping over a series of components which is fetched from an API and cloned into my page. One of these contains my chart data options, which I can ...
Ryan H's user avatar
  • 2,856
2 votes
0 answers
188 views

Can I use Vue.Draggable to drag files from OS?

I am trying to use Vue.draggable inside an upload dropzone of my own making. Issue: <draggable></draggable> is inside of the dropzone, so if I start dragging a list item from the draggable ...
Jorje12's user avatar
  • 423

15 30 50 per page
1
2 3 4 5
8