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.)
Nuxtjs using vuetify throwing lots of error Using / for division is deprecated and will be removed in Dart Sass 2.0.0. during yarn dev
Nuxtjs: v2.15.6
@nuxtjs/vuetify": "1.11.3",
"sass": "1.32.8",
"sass-loader": "10.2.0",
Anyone know how to fix it…
I have the following jsfiddle that has two Vuetify tabs. The documentation doesn't show examples on using vue-router with them.
I found this Medium.com post on how to use Vuetify with vue-router, which has the following code:
Please tell me if we can customize item-text for v-select ?
I want customize each item in v-select, something like this :
:item-text="item.name - item.description"
In my index.js file I have manually override the Vuetify theme object with my company's color:
Vue.use(Vuetify, {
theme: {
primary: '#377ef9',
secondary: '#1b3e70',
accent: '#ff643d',
error: '#ff643d'
...
}
Now, I can use…
I am using vue.js and vuetify. I want to add an icon but it is not working as expected (not rendered).
How can I fix this?
Please refer to the following code:
main.js
import Vue from 'vue'
import Vuetify from "vuetify";
import…
I'm using the VueJS Vuetify framework and I need to open a dialog - that gets imported as a component template - from another template. Once the Menu button in App.vue got clicked, the Modal should open.
Here is my setup:
App.vue = navigation…
Maybe I'm missing something obvious, but I can't figure out the proper way to change the text color in a v-btn. This works, but having to use !important doesn't seem ideal:
.v-btn
color: red !important
The color prop is only for the background…
I've seen a component in Element UI for managing the amount of items, it's over here:
https://element.eleme.io/#/en-US/component/input-number
I would want to use something like that in Vuetify, but I cannot find a similar component or even similar…
I'm using Vuetify.js components for my front-end in Vue.js and want to create a user registration form with file upload. I'm able to create the form using v-text-field (a Vuetify component).
How can I upload the file that is selected (input)?
Which…
Can someone help me set the default value for a v-select? The caveat is that my v-select is populated with objects, which I think might be the reason why assigning my item-value to my desired initial value isn't working:
I can't figure out how to change the default font in vuetify. I've been looking for the right variable within ./node_modules/vuetify, but I can't locate it.
I'd ideally not make any changes in the module, but would rather override such variables…
I am using Vuetify with the Light theme. By default this sets the background of the main content to a light grey. I need it to be white.
I'd like to override this by modifying the stylus variables, but I can't seem to figure out which variable sets…
