My question, is there a way we could create a one .js file and state all extend(s)? so we don’t need to extend each time we use the validator. I just ask because my codes becomes lengthy each time I need a validator. I need to extend it first to be usable. I’m currently using vue & vuetify wit…
Tag: vuetify.js
Vuetify data table :item-class doesn’t do anything
I’m really confused by “:item-class” prop in Vuetify (v. 2.3.4) data table. It does nothing even if I try to add a static text class. It just renders tr tags without any class: Do you know why? I think it worked some time ago and I haven’t changed Vuetify (2) version. Answer item-class…
Retain filled form fields on page refresh in Vue
The issue I am facing here is, I am not able to figure out how can I retain the values in the form on page refresh. Each time I refresh the page all the filled values in the form are gone. Help me resolve this issue. I was thinking of using localStorage but not sure how I can implement it.
Using v-tooltip on custom (non native) component
I have a custom component which is being used application wide. But, in some place I want to show tooltip on hover on this component, according to vuetify docs this should work but it doesn’t because <custom-component /> is not a native component. And to have this functionality for native componen…
Vuetify dynamic height for v-img
I have a container that is not 100% height of the page, it is 80% plus 60px on top and on bottom. So the image inside should inherit the height of the container. Using the <img /> and a little of CSS it is easy to achieve but I wish to add a template with loading spinner and so I
Change buttons color in a vuetify list
After having tried to figure this out for two days I thought I will ask you. I think I do have a simple problem, however because of limited knowledge I’m not able to find a solution. Basically, I do have a list with OK/NOK buttons and I want to change the background color of the (clicked) button (either…
vuetify v-data-table not showing nested object data
I have v-datatable using vuetify I want to get nested data to be displayed unfortunately I can’t get the nested object value this is my code and this is the header and my data i got the values but not the nested one it displays [object Object] Answer replace to
vuetify v-chip close icon not showing
I have just upgraded vuetify from 1.5 to latest 2.1.12. My v-chips are now missing their close icons. They are simply not visible. Even if I create a very simple v-chip I don’t see the icon. This is an example of a chip: In version 1.5 of vuetify I can see that the “close” prop makes the htm…
How to add tooltip to datatable header in vuetify?
In older version on vuetify you could access headerCell slot and easily add tooltips – see https://codepen.io/nueko/pen/dZoXeZ In the latest version you have named slots, so you need to know header name before Is there a way to add a tooltip to all headers? Answer There are 2 ways to achieve this. Optio…
Vuetify text-area empty OR less than 200 character rule
Im using Vuetify and trying to get a text-area to validate ONLY if there are more than 200 characters. I want to ONLY make the field validate if the user has 1 or more characters, but be less than 200 characters IF it is at least 1 character. This filed is not required BUT if they choose to type data