All Questions
Tagged with vue-component vuetify.js
786
questions
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 ...
- 35
1
vote
1
answer
53
views
how to change v-calendar default color using vue.js 3
<template>
<v-row>
<v-col>
<v-sheet>
<v-calendar class="custom"></v-calendar>
</v-sheet>
</v-col>
</v-row&...
0
votes
0
answers
65
views
Vue 3 onMounted not loading data in Vuetify data table server
I have created this page with Vue 3 + Vuetify called demo.vue in my project which receives data from an API server.
The problem that I'm facing is that I set up the data inside an onMounted function, ...
- 1
1
vote
1
answer
70
views
Vuetify v-sparkline component not rendering
I was wondering If I could get some help with sparkline graphs in my component, as I'm still very much new to this.
For now, I just want to display a graph with default settings and an array of ...
- 11
0
votes
2
answers
28
views
I have created a Img component using Vue Js. but Img is not showing
I have created a Img component using Vue Js. and the component is passed to the header file which is in the same directory, the Img component contains a parent div. when i passed the Img component to ...
0
votes
0
answers
69
views
vuetify data-table-server binding paging properties
I'm trying to create a app that displays data from the server. The route contains the name of a filter to apply to the data. When the route changes I need to return the table to page 1 as the new ...
- 549
0
votes
2
answers
53
views
How to generate vue component in body?
I want to create a popup component that will be placed at the end of the body.
I saw this in vuetify, but due to the complexity of the structure, I couldn't find in the source code which function put ...
- 1
0
votes
2
answers
79
views
Vue.js: How to convert an array to object?
In Vue.js: How do I convert an array to an object? I wanted to get name value only "Willy" from the array.
Array data from LocalStorage:
[{"id":"56b5","name":&...
0
votes
0
answers
105
views
Module not found: Error: Can't resolve 'vue-router' in '{Project Path}\src'
In my vue.js project, I put this code :
import {createRouter, createWebHistory} from 'vue-router';
on the file router.js, but when I try to run the project on browser I always got this error message
...
0
votes
1
answer
46
views
How to manage snackbar wrapper state
I want to create a simple wrapper for v-snackbar but there is a problem that I cannot use a prop value as argument inv-model. I am trying to pass a boolean as a prop to the wrapper and to change the ...
0
votes
1
answer
111
views
Vuetify 2 autocomplete - Search entire name by first and last
I am using autocomplete component from vuetify 2
My application is returning an array of full names, like:
['André Ramalho Rodrigues', 'Joaquim de Almeida', 'Filipe Joaquim Almeida']
The autocomplete ...
- 543
1
vote
0
answers
139
views
Vuetify 3 gives a dark background on buttons, v-menu, v-select and other components on click or on hover
I'm using Vue ^3.2.13 and Vuetify ^3.3.17. Whenever i use the v-btn or v-menu or v-select, there is a dark background on the item selected.
Like this
This is my vuetify.ts file:
import { createVuetify,...
- 11
0
votes
1
answer
33
views
Image not showing in v-navigation-drawer background in Vue.js/Vuetify
I am currently working on a project using Vue.js and Vuetify, and I am facing an issue with the v-navigation-drawer component when trying to set a local image as the background.
Here is the code that ...
- 299
0
votes
0
answers
152
views
Vue.js Vuetify Dialog Issue - Background Turns Black on Dialog Open
I am working on a Vue.js project with Vuetify and have encountered an issue with <v-dialog>. When I click on a card, the dialog opens as expected, but it makes the entire background black. I ...
- 299
0
votes
0
answers
56
views
VUE Change append icon after axios response
i have vue data-table which have column named quality (dropdown with append icon) i need to change append icon after get axios response(successfully update data) if dropdown changed in each row. Here ...
- 224