Vuetify.js is an open source framework for building user interfaces for Vue.js 2 and 3. Use this tag for questions specific to Vuetify components and API. (If possible, provide a CodePen or JsFiddle item reproducing your issue.)
I would like to load data each time I click on header, then show the data (when it is loaded) into the v-expansion-panel-content.
It's not always working.
If user open the accordion before data is loaded, it wont be updated once data comes from…
I'm not an CSS Expert but until now I've not seen any "problem" like this.
So, I am using Vuetify and I added a for my search form..
Now that component is creating:
Once I set up a UI using Angular Material (and therefore flexbox), as seen below:
The two divs are in a parent container. What I really like about the layout is that the height of the container is dictated (implicitly, via max-width and scaling) by…
I have a project, working on Laravel & Vue2. I want to use some material components from a Vue plugins, Vuetify, in a specific section of my project. First of all, I added Vuetify styles in my project as shown bellow:
...
I'm a bit new with Vue Js. I'm trying to obtain the boolean value of each checkbox from a Vue component, but when I check one, the rest ones are checked as well, so I can check just one. I've try it with computed but no results.
…
I have 2 computed arrays, homeTeam and awayTeam. The code below does work to generate 2 tables to display the homeTeam and awayTeam, how can I simplify the code to only create the table once and loop through the homeTeam and awayTeam. I tried…
I don't want the top of the navigation to be hidden when I scroll to the bottom of the page and see the footer.
Below is the state before scrolling.
Below is a screenshot when scrolling down to the page.
Here is the code
I'm trying to achieve the following layout.
The grey container shall spread over the whole viewport but shall not be larger
The green v-row shall fill the grey container
v-col 1 shall fill the available space, a scrollbar shall be added if…
Answered in this thread, thanks @ReaganM!
We are currently building a Nuxt 3 / Vue 3 / TypeScript web app. We would like to replace the Default Nuxt Loading Indicator on page load/refresh (the animated Nuxt logo).
We have defined a custom loading…
I'm using Laravel, Vue, Vite, and Inertia. For UI I'm using Vuetify and for some reason when I load the page I can see that there are 500 + requests in the network tab, most of them are loading some Vuetify components that I don't need at all. How…
Use package vee validate version 4 with vuetify
It comes with its own components such as
{ Form, Field, ErrorMessage }
They work well when you use them
