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.)
vuetify.js
9,257
questions
0
votes
0
answers
17
views
How can I make part of vuetify dialog transparent?
Here is our question dialog, which was written by Vuetify v-dialog.
How can I make the red framed part become all transparent and this part still included in v-dialog, I have seen the documentation ...
0
votes
0
answers
15
views
Vuetify time-picker change minutes to multiples of 3
Is it possible to dynamically adjust the Vuetify time picker to display minutes in a series such as of 3(e.g.: 3, 6, 9), based on data retrieved from a database? The data from the database will ...
0
votes
1
answer
21
views
How to make click event on v-list-item occur after v-model on v-list updates
I have a v-list which contains a list of emails as shown:
<v-list :disabled="selectedEmailLoading" v-model:opened="open" v-model:selected="selectedEmails" select-...
0
votes
1
answer
32
views
How to initiate Vue v-checkbox as false instead of empty string on load?
Right now I have code like the following:
<v-checkbox
label="Consent?"
v-model="form[consent]" ></v-checkbox>
form is just an empty object on start
form:
{
...
0
votes
1
answer
22
views
How can i add validation between steps of a v-stepper?
Code
I have a Vue component using v-stepper that looks like this:
<template>
<v-stepper
v-model="step"
:items="items"
>
<template v-slot:item.1>
...
0
votes
0
answers
24
views
Result Object object when i using VAutocomplete from Vuetify
I'm using vuetify in my project and I have an object object error on all dropdown entries, the bug only occurs when there is nothing selected in the dropdown and it should come with a select ...
0
votes
0
answers
39
views
TypeError: Cannot read properties of null (reading 'insertBefore') when adding vuetify to existing vue 3 app
I'm trying to add vuetify to an existing vue3 project but it triggers this error in some views:
TypeError: Cannot read properties of null (reading 'insertBefore')
Removing <v-app> and <v-...
1
vote
1
answer
45
views
Maska number format loses fraction digits when masking decimals
I am trying to add a formatted field to my vue app by using maska.
Until now it works fine if my value do not have faction digits (for instance 26767).
But if I get a value with faction like 26717.01 ...
0
votes
0
answers
25
views
Vuetify V-data-table check select sometime push previous product even if I make it empty
i try to remove this selected and make it empty array
this selected = []
and make the checked value to be false on v-data table
but still having redundant bug that push previous checked product
the ...
-1
votes
1
answer
25
views
How do I prevent unicode characters from vue,js input? [closed]
How do I prevent unicode characters like, f.e. emojis from input in vue.js 3 + vuetify 3 + Codeigniter 4? I'm building admin panel, where I can add user accounts. There is no native mechanism to ...
1
vote
1
answer
28
views
Mask /Vuetify 3 get raw value
I am trying to use maska with vuetify3 to mask a number.
This works fine, but in the @update:model-value function I always get the formatted value.
Can someone tell me, How I get the unformatted value?...
0
votes
0
answers
12
views
Vuetify validate a custom form component containing multiple internal form components
I have seen several posted questions with similar titles. For example, Vuetify apply rules validation to a custom component. However, they either (like that one) reference a situation where the ...
0
votes
1
answer
26
views
Vuetify2 styles not working properly with Django
I'm trying to add vue + vuex + vuetify framework to my django project
I have installed node.js and yarn, then prescribed the commands - yarn global add @vue/cli and vue create client in project root ...
0
votes
1
answer
23
views
Vue.js: Watch Nested Property Changes and Trigger Method in a Deeply Nested Component Structure
I'm working with a Vue.js application where I need to watch changes on a nested property (isChecked) in a deeply nested component structure. My goal is to trigger a method (sumOfChecked) whenever the ...
0
votes
0
answers
48
views
Fixed Button doubles, when moved on hover
I am making a website using Vue js and want to add a button for bot assistant in the bottom right. But as long as it's a button I want it to react somehow, so in hover, I wrote this:
.bot:hover {
...