Skip to main content

All Questions

Tagged with
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"> <...
Yellow rain coat's user avatar
0 votes
0 answers
94 views

Drag and Drop Functionality in Vue.Draggable(SortableJS): Unable to drag items into non-empty groups

I am working with Vue.Draggable and I am trying to create a mechanism that enables drag and drop functionality among different groups of items. My groups of items consist of several md-list-item ...
Jim's user avatar
  • 1,087
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 --...
breking bed's user avatar
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 --...
Yellow rain coat's user avatar
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 ...
Bobster's user avatar
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="...
Yellow rain coat's user avatar
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 ...
Yellow rain coat's user avatar
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 ...
Yellow rain coat's user avatar
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="...
Yellow rain coat's user avatar
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" :...
Yellow rain coat's user avatar
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 ...
Lidia K.'s user avatar
  • 229
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 ...
nerfherder616's user avatar
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&...
timventura's user avatar
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 ...
supremesector's user avatar
1 vote
1 answer
897 views

how to enable only one way drag in 2 lists draggable in vuejs

I am using vuedraggable library to create draggable items(https://github.com/SortableJS/Vue.Draggable) I want to create two draggable lists and I only enable drag from list1 to list2. So I want to ...
the man in the pink suit's user avatar

15 30 50 per page