Category : vuetify.js

How to disable "Next" button when fields aren’t correctly filled out? I would like block this step. I using passwordRules[] and emailRules[]. :disabled="" working for buttons in specific steps, but I don’t know how to use it for inputs rules. Could someone please help me solve this problem? Demo code: https://codepen.io/noobmaster2137/pen/JjbZLKz HTML: <div id="app"> <v-app ..

Read more

I try to create a custom button component with a tooltip. My component : <template> <v-tooltip right> <template #activator="{ on, attrs }"> <v-btn to="/" class="mt-4" fab elevation="0" v-bind="attrs" :large="$vuetify.breakpoint.name !== ‘xs’" v-on="on" > <v-icon>mdi-apps</v-icon> </v-btn> </template> <span>Applications</span> </v-tooltip> </template> But when I try to use it, the component is note clickable or hoverable, what I ..

Read more

I got a v-if and if the Condition is true it should show some other vue elements <template v-if="$store.state.Zell_Open[$store.state.PAGENUMBER]===true"> my state: Zell_Open: [false], PAGENUMBER: 0 When i change Zell_Open to true the component that should be shown is not shown, it will only be shown when i manually change the PAGENUMBER state (via Vue Dev ..

Read more

I’m using the Vue.js with Vuetify framework. I need to use a form with a location address field. That field has to suggest the list of location addresses, when the user starts typing in the place name. The end goal is to achieve as shown here on Vue js framework: https://www.bing.com/api/maps/sdk/mapcontrol/isdk/autosuggestuiwithoutmap#JS <template> <v-app> <div id=”searchBoxContainer”> ..

Read more