Questions tagged [vuedraggable]
The vuedraggable tag has no usage guidance, but it has a tag wiki.
vuedraggable
197
questions
0
votes
0
answers
35
views
Nested vuedraggable - children for draggable not display
I would like to achieve the effect of managing subpages (changing the order, level) on the page by dragging.
I use vuedragabble for this.
I have a problem with changing the depth levels - I think I ...
- 229
2
votes
2
answers
3k
views
How to get vuedraggable to work in Vue 3?
I've been trying to get vuedraggable to work. I've copied the code pretty much exactly from here: https://github.com/SortableJS/vue.draggable.next
Here's my test component:
<script setup>
import ...
- 51
1
vote
1
answer
613
views
How do I make a two dimensional grid with Vue.Draggable?
I am using Vue2 with Vuetify and I have a two dimensional grid of buttons.
<v-row>
<v-col cols="6" v-for="item in itemList" :key="item.id">
<v-btn ...
0
votes
1
answer
241
views
how to disable remove the element after dragging in vue-draggable
I am working on vue draggable, the app has two list - list a and list b. I need to drag the elements from list a to list b. When list b is added with element from list a, list a is also automatically ...
- 7,745
0
votes
3
answers
1k
views
How to use vuedraggable for an n x n grid of cells?
I have taken a simple sample from vue.draggable.next and converted it to use vuetify's v-btn. The resulting code works fine:
<draggable
:list="list"
:item-key="name&...
- 1,297
0
votes
1
answer
995
views
What property is linking these two lists in vue.draggable?
<template>
<div class="row">
<div class="col-3">
<h3>Draggable 1</h3>
<draggable class="list-group" :list="list1&...
- 61
0
votes
1
answer
203
views
vuedraggable: register global component without import export
Is there a way to register vuedraggable as a global component without import export?
My setup looks like this now (simplified):
<div id="contentNavigation"></div>
<script src=&...
- 27
0
votes
1
answer
894
views
Drag and Drop works visually in Cypress Test Runner, but it's not actually having an effect [closed]
I'm using the 4tw/cypress-drag-drop plugin to move a draggable element into a div. When the element is properly dragged and dropped, it should trigger some other elements to appear (such as an X on ...
- 61
0
votes
0
answers
212
views
Vue.draggable - swapping between two list
I have a problem. I need to organaze two draggable table like swapping.
1 table: have 7 fixed items.
2 table: Other items.
When you swapping items from the second table to the first, a dialog box ...
- 11
0
votes
1
answer
355
views
Vue Draggable clone into another list via custom component
I'm working in a Nuxt JS 2.x project that has Vue Draggable 2.24.3
I have a page where I have two draggable lists as part of a custom component called DraggableList
My DraggableList component is the ...
- 2,856
0
votes
1
answer
519
views
v-model inside vue draggable lost focus after keypress?
I have installed, "vuedraggable": "^4.1.0",
Works very well, and orders well, but inputs lost focus on any keypress action with v-model.
The problem is definitely with vuedraggable ...
- 4,743
2
votes
1
answer
2k
views
How to drag rows from one DataTable to another? (PrimeVue)
I'm trying to drag rows from one DataTable to another. This animation shows what I try to achieve, kind off.
But from the looks of it PrimeVue doesn't seem to support this, or at least I can't figure ...
- 3,508
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 }"&...
- 5,872
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 ...
- 3,605
0
votes
0
answers
46
views
Nested Vuedraggable w/ Vuex
I have this same design as an official nested vuedraggable example here.
I am using vuex in my version and I am wondering if it is possible to update the items within the rows with a getter/setter ...
- 109