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,251
questions
0
votes
0
answers
30
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-...
0
votes
1
answer
24
views
maska don't get correct output if value has digits
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 ...
0
votes
2
answers
20
views
How do I prevent unicode characters from vue,js input?
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
25
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
10
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
22
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
47
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 {
...
0
votes
1
answer
41
views
vuetify and moncao-editor css conflicts
When I use Vuetify for development, using moncao-editor, style overrides will appear:
import 'vuetify/styles'
If I comment out vuetify styles
//import 'vuetify/styles'
Please tell me how to resolve ...
0
votes
1
answer
39
views
Updating component props via Vue 3 custom directive
I'm quite new to vue and if I'm understanding it correctly directives are quite different from Angular's: they are meant for DOM manipulation and not to mutate the state. That being said though I'm ...
0
votes
1
answer
61
views
How to prevent the click event from a children not rendered by vue to bubble up to the parent
Link to codepen
The previous codepen allows you to resize vuetify table rows. Unfortunately with sortable: true the click event from the "hanlde" div bubbles up to the header row and ...
-1
votes
1
answer
39
views
Vuetify3 VNavigationDrawer partly hide after upgrade to 3.6.0
Vue Version: 3.4.21
Vuetify Version: 3.5.8
I want to use the VEmptyState component, but it is only provided in Vuetify version 3.6.0 and later. After upgrading my project's version to 3.6.0, I found ...
0
votes
0
answers
32
views
$refs undefined when accessing VueTelInput component
I am working on a Vue.js component that uses the VueTelInput component for phone number input. I am encountering an issue where this.$refs.creationPhoneInput is undefined:
<template>
<...
0
votes
1
answer
20
views
vue-tsc type error using v-select templates and props
Using vue 3.4.31, vuetify 3.6.12, and vue-tsc 2.0.26. I'm trying to use a custom template with a v-select and when I build I get:
TS2339: vuetify v-select Property 'props' does not exist on type '{ ...