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'm trying to integrate Vuetify to my existing Vue project, but the colors are not showing up correctly. I'm following the guide at https://vuetifyjs.com/en/getting-started/quick-start -> existing applications.
The css file seems to be somehow…
I've created Electron-Vuejs-Vuetify project from this Vuetify's boilerplate
I'm seeing this warning in the console:
Electron Security Warning
This renderer process has Node.js integration enabled and
attempted to load remote content. This exposes…
Currently in the products.vue, I have an array of productList containing 4 objects. I will loop through the array and pass each individual objects to the ProductsItem.vue component. In that component, I create the cards using vuetify.
I am unable to…
At Vuetify docs for Data Tables, and docs for Data Iterators I do not manage to understand the rows-per-page-items prop usage and its options, nor find any in-details explanation at any other place.
Specifically, what I want to know is if one could…
I just started exploring vuetify. All the vuetify componets resides in .
I wanted to create menu for my site so in documentation I found and
I am confused that if I should keep menu items inside or…
Recent versions of Vue Router allow for links that open in a new tab, e.g. the following
Link Text
correctly renders an .
However, the same doesn't seem to…
I'm trying to center a into a . Since is a flexbox div, I use justify-center that is transformed into
justify-content: center
Since my direction is horizontal, my button should be center aligned but it's not. Here is the…
I want to call the editItem function when the table row is clicked. Current what happens is I click on the table row and it doesn't display the details page. Yet when I put this click event on a particular table data the editItem function gets…
I have a simple data table using Vuetify data table. One of the column is a createdOn (date time), I want to format it. How can I do it ?
This is what i get now:
…
I'm using the VuetifyJS Data Table and I need to move the entries of each header cell as close as possible to each other.
I tried to add a width to each header but that didn't work - it seems there is a predefined width one can't go below.
Update:…
How to use vue-router with using that predefined template:
https://vuetifyjs.com/examples/layouts/google-contacts
I have added a link in my items object
items:
[{ icon: 'dashboard' text: 'Home', link: '/'},
{ icon: 'dashboard' text: 'Account',…
