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.)
I have created a vue-cli project.
And I tried to add vuetify but I couldn't do it
I've run: npm install vuetify --save
A error came out on terminal:
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.1.2…
I've got a progress bar where the percent complete changes as you click through 12 checkboxes on the page. The problem is that the formula produces NaN until all of the boxes are checked (then it's 100).
How can I ignore null values in my formula so…
I have a vuetify switch that should receive value from the API True or False.
The API returns True, but the Switch always shows False.
{{props.item.habilitado}}
The switch is inside an a vuetify data table…
I tried different custom scrollbars for Vuetify but failed . Here is one of them which I tried ( I tried it for v-navigation-drawer )
Vuejs Custom scroll bar
https://github.serafin.io/vuebar/#installation
Vuejs Custom scroll bar working…
I currently follow the vuetify SPA example, wo the v-parallax whic is not yet fully ready for vue-cli v3.
The current structure display the v-toolbar at the top , with the v-navigation-drawerr, then the v-content displaying the different…
We've built an app with Vue.js and Firebase where jobs is a node in our db. When we add an event, we want to include the jobs available for that event. On our "Add Event" layout, I've included checkboxes of all the jobs in the DB. We want to be able…
I would like my hideMe() function to be called during the mounted lifecycle hook in my Vuejs code. Currently it is not, and I don't understand why.
My code is below:
export default {
data() {
return {
show: "initial"
}
},
…
Vue data component not loading up correctly. This is the exact template they used.
The arrows appear as "arrow_upward" and the edit and delete button don't show up right.
I have imported all the vuetify stuff in main.js. All my other vuetify UI…
I'm trying to focus a text field on ALT + C shortcut (in my Electron-Vue app):
Codepen: https://codepen.io/anon/pen/aqrBzq?editors=1010
The codepen uses this v-text-field custom component and as this comment on Github says, the method should be…
I have a below code, there I have align-center justify-center defined on the v-flex. But I still see the signin form is not vertically centered in the screen. Whats wrong in my code?
Im using vuetify and intellij editor - and cannot make autocomplete to work
I have added vuetify css and js like below
preferences > templates and languages > (added paths to vuetify css and js)
I am using v-text-filed and in that, I am using textarea. I want to change the default height of textarea and make it small. Is it possible to do this?
What is the correct way to import vuetify's built-in directives ? Like this one.
I'm doing this, which works but seems kinda crappy:
import { Vuetify, VApp, VNavigationDrawer, VProgressLinear, VList, VBtn, VIcon, VGrid, VToolbar } from…
I have vuetify webpack project
In one of my vue components I use v-select with :items set to common array of numbers named 'levels', and v-model set to data property 'level' that holds common number
So the issue is that v-select doesn't show initial…
