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
0 answers

Customizing vuetify text fields and selects

I am trying to customize v-text-field with v-selecy, faced some issues. I've managed to customize v-text-field - changed fonts, margines, madding etc. Which works nice, but when I've jumped into v-select it's not that easy as it looks. Here is a…
yerpy
  • 1,366
  • 3
  • 17
  • 44
3
votes
1 answer

How to toggle tabs in VueJS Vuetify by clicking on something other than the tab itself

I have this codePen : https://codepen.io/anon/pen/KBNddq?&editors=101 I have added a star button, so when it clicks, you get an alert. What I need is, when I click the star, I want the tab to change as well as the tab view. Any ideas ?
thatOneGuy
  • 9,977
  • 7
  • 48
  • 90
3
votes
4 answers

How to hide progress-linear bar after populating the array

What is the best way to hide the progress-linear component ? Should i have it implemented as after waiting for many seconds after doing : axios.get(this.endpoint) .then(response => this.data = response.data) .catch(error =>…
TheBAST
  • 2,680
  • 10
  • 40
  • 68
3
votes
2 answers

How to make content in an expand slot of a data table in VuetifyJS searchable?

I'm using the VuetifyJS/VueJS data table with an expand slot. How to make the content in the expand slot searchable? I tried wrap the content within but that didn't work. Here is a codepen example:…
Tom
  • 5,588
  • 20
  • 77
  • 129
3
votes
4 answers

Vuetify: How to filter data in v-data-table?

In a data table, I want to display only items, where the property 'display' is 'true'. There is the property 'filter' in the component v-data-table. But there is no example showing, how to use it. I have tried several approaches, but without…
Antonín Slejška
  • 1,980
  • 4
  • 29
  • 39
3
votes
1 answer

Vuetify What is the child-flex option in a v-flex used for?

In the vuetify online doc ( Grid systrem # Unique layouts ) the v-flex tag for the Orange block has a child-flex parameter ORANGE --- {{…
user762579
3
votes
1 answer

How to delete Specific row in a datatable?

I created data-table using vue and vuetify. Whenever I click delete icon on specific row a snackbar appears. In that snackbar there are two buttons yes and no. If i click yes button the specific row has to be deleted. how Can I achieve this Here is…
Kiran Villa
  • 135
  • 2
  • 13
3
votes
2 answers

Vue.js - Vuetify layout issue with v-card

When I insert a text inside a v-card-text tag ,the v-card is centered in all viewports html
user762579
3
votes
0 answers

Vuetify Carousel Images Not Scaling to Viewport

I'm trying to build an artist portfolio website with a carousel of images, using the vuetify carousel. The images in my portfolio are all different sizes and scales, so the carousel scales the image to the max width of the carousel viewport.…
3
votes
1 answer

Vue.js some errors/warnings are quite difficult to debug

While running a Vue.js app, I get a warning in the console that I cannot determine where it's coming from (in source code) or at least from which component I get it raised. Here is the console output: TypeError: Cannot read property 'length' of…
user762579
3
votes
1 answer

VueJS interpolation in src attribute

In a VueJS with TypeScript and Vuetify app, I have ten pictures called picture1.png, picture2.png, picture3.png, etc. I'm trying to make
for each of them. Here's my code: