Questions tagged [vuedraggable]
The vuedraggable 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="...
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 }"&...
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 ...
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 ...
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"
...
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 ...
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, ...
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 ...
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 ...
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 ...
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 ...
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
...
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&...
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 ...
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 ...