All Questions
17 questions
0
votes
1
answer
4k
views
How to use vuetify 3 data-table v-slot functionalities inside a custom component?
I want to get v-data-table items and headers using slots from my custom component.
Custom Component: @/components/MyDataTable.vue
<template>
<div>
<v-data-table :headers="...
- 311
0
votes
0
answers
286
views
Component styles not working properly - Vuetify
I am using Vuetify as the component framework of my Vue 2 app. While some styling such as with the v-card component and properties like elevation work, some components do not have the correct styling.
...
- 6,421
0
votes
0
answers
313
views
How to mount a Vuetify Component from a simple HTML Page?
Hey guys I am stucked with this problem:
I have created some components with Vuetify 2.x/Webpack and want to use them in a simple HTML Webpage not based on Vue at all.
It should be like this: The user ...
- 604
0
votes
2
answers
426
views
How to access a method in a deep nested parent [Vue][Vuetify]
I have made a Vue component that has a v-data-table.
Child Component
<template>
<div>
<v-data-table>
<template v-slot:item.actions="{ item }"&...
0
votes
0
answers
541
views
Component Not Found (Vuetify & Vuejs)
Component not found error. In vuetify 1.5.5 and vue 2.6.12 with vue-template-compiler 2.6.12. I have tried some guys on Discord but they cant seem to figure out what might be the problem here. ...
1
vote
1
answer
244
views
Color not changing on component using "secondary" when theme changes vuetify
I have set up a button that when clicked, will change the theme. This initially worked fine until I wanted to change the card color to the secondary theme color. Like this:
<v-card
...
- 13
0
votes
1
answer
115
views
Vue JS unable to properly show data table (v-for)
i'm trying to show a table of data that is coming from Firebase Firestore, i've already managed to put all data into a array, but when i try to show that content, the entire array shows up instead of ...
- 35
1
vote
1
answer
2k
views
VUE Toggle child component element visibility
I am trying to toggle the visibility of an span element using v-if within a child component. I am basically trying to use the @click toggle (Vuetify) with $refs. Not very savvy with code, but my ...
- 45
2
votes
1
answer
2k
views
Programmatically instantiate vuetify-components
I am trying to programmatically instantiate vuetify-components and add them to the DOM. With simple components like a v-card or v-dialoge it works fine, but it does not work with v-data-tables.
I ...
- 23
2
votes
2
answers
4k
views
Why is this.$refs undefined in Vue child component?
I'm working on a drag and drop component in Vue but when I try to access the form using this.$refs, it is returning undefined. I'm using the dialog UI component from Vuetify to place my upload form ...
- 23
0
votes
1
answer
440
views
Why does my v-select render more than once?
I'm working with vuex and vuetify, so I'd like to do a dropdown-list with items from my server.
I get a Json-object, which returns as an array of objects from my store.
I use the getter, to access it ...
- 173
0
votes
1
answer
2k
views
How to refresh the vue component from method
I want to refresh the vue component from method, which should go through all the vue lifecycle hook events. Could some one please help to achieve this
I was v-if from the following link, but the ...
0
votes
2
answers
1k
views
Vue.js dialog/modal closes on parent component
I am trying to open my CanvasPreview Component in another component but it fails,
first, it quickly shows the dialog/modal afterward it gets hidden again if I open the Vue Dev tool
the ...
- 4,112
2
votes
1
answer
2k
views
Moving a Vuetify calendar one from forward from a child/partner component?
The Vuetify calendar uses the following to navigate:
@click="$refs.calendar.prev()"
@click="$refs.calendar.next()"
These commands work if you have them in the same file as the calendar. I'm using ...
- 1,064
0
votes
3
answers
2k
views
How render component in v-for by button from parent
How i can render v-if component by button(button in parent) click inside v-for loop? and should render only in that item where clicked
<div v-for="item in items">
<button @click >Show ...
- 131