Questions tagged [vue.draggable]
The vue.draggable tag has no usage guidance.
vue.draggable
50
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
--...
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
189
views
Disallowing the movement of one element from an area to an another one using Vue.Draggable
I use Vue.Draggable (https://github.com/SortableJS/Vue.Draggable) for Vue 2.
I try to prohibit the movement of one element from an area to an another one (from a draggable component to an another ...
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&...
1
vote
2
answers
3k
views
How do I customize the "ghost" element with Vue.Draggable
I'm using Vue.Draggable to implement drag and drop sorting on a table element. Some of the draggable elements in the table are quite tall (tbody tags with many rows), so I would like to reduce the ...
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 ...
1
vote
1
answer
2k
views
<draggable> with dynamic groups
https://github.com/SortableJS/vue.draggable.next + vue 3 + typescript
I'm trying to set up a list with many dimensions and dynamic groups, basically by nesting one inside another . I'm getting the ...
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 "...
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="....
2
votes
2
answers
3k
views
Vue3 with Vue.draggable-next drag and drop problem
I'm trying to migrate from Vue2 to Vue3 of my project. It's a simple html project with Vue and having drag and drop table. It works fine in vue2 but not in vue3. Getting this error in console : "...
0
votes
0
answers
208
views
ChartJS charts width and height set to 0 when responsive and dragged. Any ideas as to why?
I am in the process of building a dashboard with multiple charts on it. For a chart library I've landed on VueChartJS, with the vue-chart-3 wrapper and for a drag n drop library I'm using vue-...
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?
2
votes
0
answers
2k
views
Styling .sortable-drag element in Vue.Draggable and Sortablejs
I'm trying to style the drag elements according to some validation states.
Here is the jsfiddle I created as an example.
In this example the sortable-ghost class is being styled with a yellow ...
0
votes
1
answer
416
views
Grab array IDs after each change on vue draggable
So I wanted to see if someone is familiar with this and to see if someone can give me some guidance on what I'm attempting to do:
So here is the Vue.js app that I have:
new Vue({
name: 'o365-edit-...