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

click action not working on vuetify badge

We recently started using Vue and Vuetify. As part of the application, I need to write click action on Vuetify badge, but not sure why it's not working. I tried the following code snippet:
subbu
  • 562
  • 3
  • 8
  • 21
3
votes
4 answers

Vuetify.js: round corners

How to get rounded corners for in Vuetify? I tried border-radius property for bother the container…
Billal Begueradj
  • 20,717
  • 43
  • 112
  • 130
3
votes
1 answer

How can I change the v-alert inner text/html?

I use vuetify and vue-property-decorator for display an alert: some text.. some text.. click me. How I change the inner…
Weved
  • 813
  • 2
  • 9
  • 20
3
votes
2 answers

Opening a v-date-picker v-menu on click and focusing a v-text-field inside it?

I've got a date-picker component in an app and used the example for a menu to open it. I now want to make it more efficient to use for desktop users, so I removed the readonly flag to make manual input possible. Now desktop users can simply tab…
CGundlach
  • 671
  • 4
  • 13
3
votes
1 answer

Vuetify: checkbox shows status is checked when it is unchecked, and vice versa

Let me simplify the issue: I have a checkbox in my Vue.js template (using Vuetify components): The checkit() method code…
Billal Begueradj
  • 20,717
  • 43
  • 112
  • 130
3
votes
2 answers

How make i18n for vuetify

In my vue.js 2.5.7 / vuetify": "^1.0.8" application I read i18n support https://vuetifyjs.com/en/framework/internationalization#vue-i18n and adding lines in my resources/assets/js/app.js : import en from 'vuetify/src/locale/en' // English import es…
user2054381
3
votes
0 answers

Vuetify's grid system within a v-toolbar

Given I have a the following toolbar block
Fohlen
  • 192
  • 2
  • 18
3
votes
2 answers

VueJS: How to scroll v-list-title

While making list screen with v-list. I stuck scrolling v-list-title items. I'm using VueJS and vuetifyjs. My code snip is at below. https://codepen.io/badsaarow/pen/aaRaxe?editors=1010 My aim is that toolbar area is fixed, and only v-list-titles…
sungyong
  • 2,267
  • 8
  • 38
  • 66
3
votes
1 answer

How to use Vuetify offline without webpack?

I'm building a simple web app that will run on a server that doesn't have internet access. This node app is built by hand and not using webpack. Vue works, but I can't seem to get Vuetify to work. I have installed vuetify and material-design-icons…
cce1911
  • 363
  • 3
  • 20
3
votes
2 answers

IntelliJ IDEA Is Not Detecting Vuetify Components In Nuxt.js Project

I have an issue with IntelliJ IDEA. yesterday I started a Nuxt.js Project With Vuetify as UI framework. But IntelliJ IDEA It not detecting Vuetify Components. it Showing them as an Unknown HTML tag. And When I use the idea's Autocomplete It…
Bubun
  • 416
  • 6
  • 17
3
votes
0 answers

Vuetify - 'Receiving Unknown Custom Element' Error for some Vuetify Components, but not all

Receiving the error: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option. Also receiving errors for other components (i.e. v-text-field), however some…
DCripps
  • 147
  • 1
  • 1
  • 11
3
votes
1 answer

Handsontable not immediately shown when inside Vuetify Stepper

When placing the Handsontable HotTable component inside of a Vuetify Stepper the Handsontable is only visible after you click somewhere on the page. But if I place the HotTable component outside of the Stepper it would be shown immediately. It…
mono68
  • 2,080
  • 19
  • 27
3
votes
2 answers

Add search and sort functionality to VuetifyJS list with VueJS 2

I need to add a simple search and sort functionality to a VuetifyJS list. Here is a CodePen example of the list: https://codepen.io/anon/pen/bxGGgv What is the standard way to do this in VueJS 2? HTML: