Relative Content

Tag Archive for vuejs3vuetify.js

Vue3 & Vuetify Basic Layout Issue

I am trying out Vuetify and seem to be having some issues around the layout system. I am following the Application layout docs:
https://vuetifyjs.com/en/features/application-layout/

Vuetify 3 v-data-table with v-confirm-edit component not working Vue 3

In Vuetify 2, the v-edit-dialog was working well with v-data-table where the dialog can open up easily by clicking the cell and saving the value as shown below. After migrating to Vuetify 3 and Vue 3, this component no longer works and we are introduced with a new component called v-confirm-edit. This component looks fine but I can’t get it to open on click, it just remains open when the table first loads. Please help, I will definitely give an upvote to the answer.

How to use v-app-bar for scrolling behavior in Vuetify 3

I am trying to create a fixed navigation navbar unless scrolled down in which case it should hide until scrolled up event. My ultimate goal is for the v-app-bar to start off transparent then as user scrolls a little bit for it to disappear and if they scroll up at all the menu wil reappear but white. The color stuff I have not even tried to work out yet because the scroll behavior does not even seem to work nor the is the v-app-bar staying fixed to reappear. So I am not sure if I am using v-layout incorrectly or whats going on.

Vuetify 3.x replacement for

I’ve just upgraded to Vuetify 3.x and just realized that they removed with no mention of it in the documentation. Does anybody have a working replacement for this? For reference in the picture (pulled directly from the 2.x docs), the is the timestamp on the top right corner of each item.

Adaptive v-container size

I’m trying to make an adaptive v-container size so that it changes depending on the screen resolution.

Vuetify v-time-picker: Issue selecting zero (00) hour/minute: Invalid event arguments: event validation failed for event

Vuetify v-time-picker: Issue selecting time zero (00) hour/Minute ERROR: [Vue warn]: Invalid event arguments: event validation failed for event “input”. [Vue warn]: Invalid event arguments: event validation failed for event “change”. [Vue warn]: Invalid event arguments: event validation failed for event “update:minute”. ISSUE: I need to update my store with the time selected in the […]