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

Using Vuetify in a Vuepress Component

I'm a bit stumped on how to get Vuetify fully working within a Vuepress component. I've got it sort of working but have run into a couple of roadblocks. Vuetify is installed in my Vuepress project and I've added a enhanceApp.js with the…
Michael Holland
  • 471
  • 3
  • 10
3
votes
1 answer

How to use Vue-IMask with Vuetify in Vue.js 2.5+

How can I use Vue-IMask directive on Vuetify controls specially v-text-field? It works on HTML input but I got error on v-text-field.
HamedFathi
  • 3,667
  • 5
  • 32
  • 72
3
votes
0 answers

Vuetify v-text-field : how to set success status automatically from rules

When I manually set the success prop on v-text-field, it turns green. Is there anyway to get it to turn green automatically from just passing the rules?
Damian Helme
  • 1,060
  • 2
  • 10
  • 22
3
votes
0 answers

How to remove stylush from Vuetify plugin and add Vuetify SCSS in Vue Js project

I installed vuetify plugin in my vuejs project. i am using vue cli 3. i selected vuetify recommended option to install. but i am already using SCSS in my project. vuetify added stylush. How can i remove stylush and use vuetify SCSS with best…
Ravi Anand
  • 5,106
  • 9
  • 47
  • 77
3
votes
2 answers

Untie text field's icon click enabling from the input one

I would like to implement an input field that can be unlocked by the user if needed. Visually, I was thinking that the button should be either outside or inside the field but strongly linked to it. To do so, I have been using the Vuetify Text…
Thomas Ferro
  • 2,362
  • 19
  • 32
3
votes
1 answer

vuetify only trigger data-table search event with minimum 3 characters

I am new to vuetify and manage to get the search function to work flawlessly using the example page at https://vuetifyjs.com/en/components/data-tables#examples. However, I can't seem to find any documentation on how to only trigger the search event…
Allie Syadiqin
  • 69
  • 1
  • 3
  • 8
3
votes
3 answers

Vue.js - Restore input value if model rejects changes

I have a text input that allow user to type a number with maximum of 3 digits after decimal point:

{{ num }}

... export default { data: () => ({ num: 0 }), …
Groxan
  • 748
  • 8
  • 19
3
votes
1 answer

How can i change the Android Status Bar Color when using Vuetify PWA Template

I am using the predefined PWA Template from VuetifyJS and i want to change/set the Android Status Bar BackgroundColor that will be used when the PWA is installed on my Android Phone.
Toby
  • 190
  • 1
  • 13
3
votes
1 answer

How to display dynamic placeholder text of in Vuetify?

The text field is somewhat like this: Vue.js data contains: export default { data () { return { input: '', proposed: 0 } } } I'd like the…
AbreQueVoy
  • 1,748
  • 8
  • 31
  • 52
3
votes
3 answers

Unable to use material design icons in vuetify

I install icons css using npm install material-design-icons-iconfont and it is available in node modules. After i build, the below woff files available in dist Material-design-icons.css /* For IE6-8 */ src: local("Material Icons"),…
Sam
  • 2,275
  • 9
  • 30
  • 53
3
votes
2 answers

Vuetify Autocomplete, item-slot , keep the highlighting of character

How would one keep the default highlighting of characters ones you replace the scoped-slot of the item. https://vuetifyjs.com/en/components/autocompletes#scopedSlots Default , will output a v-list where every character from the input is…
Paolo_Mulder
  • 1,233
  • 1
  • 16
  • 28
3
votes
1 answer

Vuetify.js - inside can't be focused without disappearing

Consider the following layout: Open dropdown Menu item 1
Ed Weird
  • 33
  • 1
  • 3
3
votes
3 answers

Horizontal alignment in from Vuetify

I have the following table in which I can't align some items such as the checkbox and the actions: This is the table:
Vallo
  • 1,827
  • 2
  • 21
  • 42
3
votes
2 answers

binding multiple properties to a textfield label in Vuetify

I want to bind a string containing multiple values to a textfield in vuetify. I wrote the following code but it gives me the properties as string.
mha
  • 551
  • 2
  • 11
  • 22
3
votes
2 answers

Vuetify File Uploads

I'm trying to upload a file in Vue.js using vuetify and then save the uploaded file in my data object. HTML: In my methods I call: onFileChange(e) { var files = e.target.files ||…
Marcus Christiansen
  • 3,017
  • 7
  • 49
  • 86