Questions tagged [vuedraggable]
The vuedraggable tag has no usage guidance, but it has a tag wiki.
vuedraggable
198
questions
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
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 ...
0
votes
0
answers
108
views
How can I drag element into another one with vue-draggable
I have nested elements that need to be draggable in between. My problem is at the same level there are elements and when I drag one into another one I want them to have a parent-child relationship but ...
0
votes
0
answers
42
views
How to stop draggable when inside of the draggable clicked
I have draggable and there are nested items inside of it. So it is something like this:
<template>
<draggable v-model="element" :move="handleMove" v-bind="...
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
103
views
How to make element parent if the element doesnt have a child in vue draggable
I am trying to use vue-draggable in my project: https://github.com/SortableJS/Vue.Draggable
Here is my ElementsList component:
<div>
<draggable v-model="newElement" :...
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 ...
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 ...