All Questions
Tagged with vuedraggable vuetify.js
15
questions
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 ...
1
vote
0
answers
324
views
Vuetify Draggable Data-table with nested children rows
I have a Vuetify data table with draggable rows. Working well. Here is my code:
<template v-slot:body="props">
<draggable
:list="props.items"
tag="...
-2
votes
1
answer
393
views
How to add rules to vuetify draggable?
I'm a beginner in vuetify and I made a project where you can add courses to a timetable via vue-draggable. How can I make it possible that I can't drag a course to a certain day because this course ...
0
votes
1
answer
775
views
VUE - vue draggable wont drag back into empty list column
I'm currently developing a Project Management application using the vue-draggable feature, which allows me to drag tasks into three distinct phases: ToDo, Progress, and Completed. The feature ...
3
votes
1
answer
2k
views
How to trigger only one button with vuedraggable?
I am implementing table draggable with vue. However, what I want is to trigger only the column button on the v-icon, but when all the rows are pressed, all triggers. How can I limit the draggable to ...
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="....
0
votes
0
answers
132
views
What I've done wrong with dragging columns vuetify
What is sortable? Why I got problem with it
sortTheHeadersAndUpdateTheKey(evt) {
const headersTmp = this.headers;
const oldIndex = evt.oldIndex;
const newIndex = evt.newIndex;
if (...
9
votes
2
answers
3k
views
Nuxt + Vuetify + VueDraggable - draggable tag prop, v-row, works in dev server but not after building/running for production
I'm building a Nuxt app with Vuetify buildModule setup and want to make a number of v-cols sortable via VueDraggable (in my case, I built and added a super small Nuxt plugin which binds a global ...
2
votes
0
answers
258
views
Dragging a component to a specific target in Vue
I am using vuedraggable to allow users to drag items from one list to another. Here is what it looks like currently:
The default functionality of vuedraggable is to insert the source element into the ...
5
votes
1
answer
19k
views
Implementing Vue draggable with cards?
I am trying to implement vuedraggable with Vuetify Cards but for some reason the drag and drop doesn't work when the cards are in a single row but works when they are in a column.
Check out this ...
1
vote
1
answer
3k
views
VueJS/Vuetify - draggable responsive grid of cards - doesn't work
I'm trying to create a gallery where users can reorder images. For now, I work just with an array of numbers to see if this approach works.
I need it responsive - on mobile - it should be only one ...
-1
votes
3
answers
1k
views
Updating Vuex following Drag and Drop using vuedraggable
I have created a Vue application that uses Vuetify, Vuex and vuedraggable. The component functions as expected with drag and drop of v-card containing the associated information but I have not been ...
1
vote
0
answers
3k
views
VueJs/Vuetify/VueDraggable - How to make VListGroup items draggable?
Using Vuetify and VueDraggable, I'm trying to make the items under the VListGroup draggable.
About code, what I want to do is going from here to there (atm list items in groups are not draggable in ...
0
votes
1
answer
618
views
Vuetify with VueDraggable : v-img is not loaded as expected
I am trying to use vueDraggable with vuetify, to create a photo gallery which allowed to rearrange the order.
Without Draggable, the v-img is loading the image correctly.
While after I added the ...
1
vote
2
answers
4k
views
Implementing Vue draggable
i am trying to implement vue draggable and it almost seems to work except for when i try to implement it on a button. It gives me an error message whenever i try to move the button.
Here is an ...