All Questions
Tagged with vuedraggable vue.draggable
20
questions
0
votes
0
answers
96
views
How can I get relatedContext.element in Vue draggable in nested elements?
This is my ElementsList component:
<template>
<draggable :list="elements" v-bind="dragOptions" :move="handleMove" handle=".handle">
<...
0
votes
0
answers
59
views
How can I store the expandable position in vue application
I have nested draggable elements in my vue project and for drag event, I am using vue-draggable. So you can imagine my view something similar with this:
--> Element A
--> Element B
--...
- 165
0
votes
0
answers
50
views
how can to revert draggable's initial state
I have nested draggable elements in my vue project and for drag event, I am using vue-draggable. So you can imagine my view something similar with this:
--> Element A
--> Element B
--...
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
475
views
Vue Draggable, mark elements as undraggable?
I've scoured the documentation and the github forum, and I could be mistaken, but as far as I can tell there is no possibility to exclude specific elements from being draggable in Vue Draggable for ...
- 2,270
1
vote
1
answer
1k
views
Why will vue draggable items not move between lists?
I am trying to create a card builder using Vue draggable. I have a row full of cardElements and these can be dragged to the card builder. The card builder is a rectangle made up of individual "...
- 59
0
votes
0
answers
314
views
How can I save order of v-cards when using vue draggable?
I designed a site using Vue, Vuetify, and implemented Draggable really late in the development of my application and used it as follows:
<draggable v-model="dragitems" class="v-card" handle="....
- 103
1
vote
0
answers
186
views
Sortable.js/Vue..Draggable@next initial order of elements is incorrect
Inital array order is not preserved and changing itemKey prop does not affect the order too. Are the any quick fixes of these issues?
- 554
2
votes
1
answer
1k
views
How can I drag items from list in component to list inside another component using Vue draggable?
I am trying to move items from one list to another using vue draggable, but the lists are inside of a component and I can't get it to work. The items are able to move inside a list but not from a list ...
- 23
0
votes
1
answer
950
views
VueDraggable of Sortable is not working properly and send the choosed item to the first on init
I'm using Vue.Draggable in my Nuxt project. i used it in some pages and component and every thing is fine. but on one of my pages it gives me a silly problem!! when page is loaded, it send the chosen ...
- 1,234
0
votes
1
answer
543
views
Why element of a box not moving from one box to another while dragging and dropping?
I'm using Vue draggable and while dragging an element from one box to another it is getting move to the same box but can't drop/move in other boxes. Let say I want to move '1' from box 1 to box 2. It ...
- 25.3k
1
vote
0
answers
339
views
vue.draggable distinct drop zones
I'm wondering if it's possible to have distinct drop zones with vue.draggable.
What I mean is:
I have a pile of different foods and they can be dragged to the plate zone.
I have a pile of different ...
- 1,130
0
votes
1
answer
921
views
Nested list (tree) - how to nest elements by dragging to the right?
What would be the approach with Vue.Draggable/SortableJS in order to achieve the functionality as shown in this animated gif?
The default behavior of Sortable for nesting is to drag the element up to ...
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="...
- 67
0
votes
1
answer
360
views
Why does data in list1 changed automatically when I change the data in the other list2 which is cloned from the list1? Using Vue.Draggable
I am using Vue.Draggable in my Vue project and trying to drag(clone) a button from sider into a draggable component.
I want to modify the data when I clone the button into the component. But I find ...
- 23