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 with vee-validate.
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 does not specify the CSS classes directly.
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 component a .native modifier is to be used. Example: @click.native=”someMethod”
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 green or
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 html render a
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. Option 1: Customizing whole table row If you
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