All Questions
Tagged with vuedraggable vuejs3
36
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
43
views
<tbody> renders twice when using Vuedraggable in Vueitfy 3
I would like a simple table where I could drag and drop rows to reorder them. The problem I'm having right now is that the tbody is rendered twice, which messes up the layout. I see examples for Vue/...
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
161
views
Trouble with Vue3 and vuedraggable: Unable to Drag Elements Between Outermost Layers
I want to drag an element between the outermost elements, but I can't seem to do it successfully. There's only one specific and small spot where I accidentally discovered I can drag it successfully.
...
0
votes
1
answer
168
views
VueJS/Tailwind draggable elements are not resizing the parent or obeying grid rules
I want to break my page into three sections and be able to drag items between each section.
I'm using "vue": "^3.3.0",, "vuedraggable": "^4.1.0",, and "...
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
0
answers
50
views
Vue-draggable-next v-for kill the connection with original list
I want to create more groups to move items around from one to another.
Given the following lists and draggable options:
<script setup>
import { computed, ref } from 'vue';
import { ...
1
vote
1
answer
278
views
Vue draggable next get to property of list
Can someone point me to the error I make in this plain simple example.
Want to display the title property but I misinterpreted some docs I guess.
Is there a specific property that should be set to get ...
0
votes
1
answer
55
views
VueDraggable nested lists issue
I would like to use VueDraggable library and create nested lists. So I made a component accodring documentation. Everything works fine till I try to make nested item. I can not. Only if nested list ...
0
votes
1
answer
157
views
Vue3-Draggable - Fetch Object List
I feel i must be very close to gettign this working, all I did was clone the original project from github and change the awway it creates to my own fetch request. When I set it as an array I see my ...
0
votes
1
answer
667
views
vue drag and drag custom components
I'm trying to make custom components draggable with vuedraggable package but for some reason i can't make it work, i also want it to work by copying not moving the component altogether
here's my code:
...
0
votes
0
answers
90
views
Erratic behavior trying to reorder array via Drag and Drop in Vue 3 using vue-draggable-next
I'm having trouble rearranging an array using vue-draggable-next to drag and drop items in an array. The array is objects containing song sections, (for example: "Verse 1", "Chorus"...
0
votes
0
answers
70
views
VueDraggable Lock items
I want some of the items to be locked and not be able to move. I saw in the documentation handle prop but this only disable dragging but if some other element which is able to be dragged go over will ...
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 ...
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&...