Questions tagged [vuetify.js]

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.)

8866 questions
3
votes
1 answer

Nested v-tabs: Conditionally render the child tabs in order to show slider

I use nested tabs and have problems displaying active tabs. As described in this bug report, the tab slider of the nested tabs is only displayed after you have clicked on it. Conditional rendering is suggested as a solution. I have already tried…
C-Jay
  • 621
  • 1
  • 11
  • 22
3
votes
2 answers

Problem when creating a menu by iteration

I'm new to vue and vuetify. I need to create a submenu and for that I am using v-menu. Its construction is by iteration, where I need each sub menu to assign it a method. But it turns out that the way I'm doing it generates an error [Vue warn]:…
3
votes
1 answer

vuetify element does not apply color attribute

I have the following list setup but am not able to set a color for a v-list-tile it appears to stay uncolored. This is the template:
xetra11
  • 7,671
  • 14
  • 84
  • 159
3
votes
2 answers

Vuetify data table slow for large number of objects

I have a custom object with a computed property... class MyObject { get someComputedProp() { // expensive computation based on some other props } } and a vuetify data-table that contains ~500 of these objects
goodson
  • 727
  • 2
  • 14
  • 24
3
votes
1 answer

check login state, render an overlay if not logged in and continue if login succeeded

I use Vuejs with Vuetify and Vuex and want to create a simple app. Let's say a very small todo app. For my backend I use an Express REST api and for the HTTP methods I use Axios. To handle the session I read about two things: When launching an Axios…
Question3r
  • 2,166
  • 19
  • 100
  • 200
3
votes
1 answer

vue.js vuetify: v-parallax doesn't work with local files?

Using v-parallax with an online image source like this works fine:
sunwarr10r
  • 4,420
  • 8
  • 54
  • 109
3
votes
1 answer

Vuetify css crushes Bootstrap css

I'm using Vuetify in my Vue components. I want to use vuetify css in the components I use Vuetify. i'm adding this code import VuetifyCss from 'vuetify/dist/vuetify.min.css' to my local component but it affects all project so it crushes bootstrap's…
Uğur Can
  • 154
  • 2
  • 14
3
votes
3 answers

Center v-switch inside a v-flex

I would like to center the v-switch element inside a v-flex horizontally and I already tried this here: vuetify center items into v-flex, but it seems not to work for the v-switch element. Whether I wrap it inside a div class like this:
sunwarr10r
  • 4,420
  • 8
  • 54
  • 109
3
votes
3 answers

Vuetify Datatable Actions Row

Is it possible to left align the rows per pages and page navigation and put a button in its place in the same row?
Zeus
  • 281
  • 2
  • 4
  • 15
3
votes
1 answer

Vuetify carousel icon color

Is there a way to over-ride the styling on the Vuetify carousel next/prev icons? I see there are fields to use custom ones, but I'd like to keep the default $vuetify.icons.next and just change its color.
Rex
  • 41
  • 1
  • 3
3
votes
2 answers

Add links to Vuetify tree-view

Im using vuetify's treeview component and I want the last child in each node to be a router link, does anyone know how to achieve this? Even if I could just bind an @click event that would work for me. I cannot see in the docs or examples how to do…
Brad
  • 8,044
  • 10
  • 39
  • 50
3
votes
2 answers

vuetify rule function - how to access component label during validation?

I would like to access the label property of a component in it's "Rules" function so I can return an (already) localized field name in the error message. Is there any way to access the properties of the component in the rule function that's called…
JohnC
  • 3,938
  • 7
  • 41
  • 48
3
votes
2 answers

Change vuetify tab with the route or query

I have tabs like this... Tab A Tab B Tab C // tab items, etc I'd like the URL path to determine the tab, and I'd…
goodson
  • 727
  • 2
  • 14
  • 24
3
votes
1 answer

Vuetify rating component is not rendering

I am trying to use Vuetify rating component in my app (https://vuetifyjs.com/en/components/ratings#ratings). I have Vuetify 1.5.5 installed, other components like buttons work fine. In this rating, the stars are not being rendered, only the…
Dryft Labs
  • 33
  • 3
3
votes
2 answers

How to make have default value of "false"

Currently I want to make a testimony page using switch to make the testimony appear or active but I have a problem to set the to have a default value false, Whenever I try to fetch it, It always return a default value true even though I…
Rakis Friski
  • 551
  • 1
  • 7
  • 26