All Questions
Tagged with vue-props vuetify.js
17
questions
0
votes
3
answers
215
views
How to pass component as props in vue 3 composition api?
i want to pass props customActionComponent as component and need to render in child component
FlightDetail.vue
<template>
<ComponentCard
title="Flight Details"
subtitle=&...
0
votes
0
answers
41
views
Vue JS - How to send props and emit correctly to dialog component for edit the data
I have a parent component 'DaftarKajian' and child component 'DaftarKajianMobile' and another child component named 'EditJadwalDialog'. What I have to tried is props the fetched data from '...
0
votes
1
answer
924
views
Property or method "$store" is not defined on the instance but referenced during render in Vuex
I'm just learning state management of VueJs And I stuck on that, if any one know please let me know
How can I render $store in my Vue component
When I console the $store its undefined
main.js
`
import ...
1
vote
2
answers
158
views
VueJS2, how to call props in data
I created a component, I want to call the model value. If I do it the first way, but when I try to do it the second, I get this error.
[Vue warn]: Error in data(): "TypeError: Cannot read ...
1
vote
2
answers
3k
views
VUEJS - How to use data variable from child component into parent
I'm trying to refactor my code into couple component, so that it looks more readable and cleaner, but I got confused how to use data variable child component in parent. In the ModalIdentifier the ...
1
vote
1
answer
411
views
v-bind:value directive not working in Vuetify for v-switch inputs
I have two way binding of property with v-switch input. I'm using v-bind:value as given
<v-switch
v-bind:input-value="tabs"
label="Show Tabs"
@change="(val) => $...
1
vote
0
answers
546
views
Passing props from child to parent Vuejs
I have this child component called BaseCardAnnotationOption
<template>
<v-card>
<v-card-title class="text-h5 text-center indigo darken-1 lighten-2">
<slot ...
1
vote
2
answers
2k
views
Update props in component through router-view in vue js
I want to pass a boolean value from one of my views in a router-view up to the root App.vue and then on to one of the components in the App.vue. I was able to do it but I am facing an error:
Avoid ...
0
votes
1
answer
23
views
vueJs updating props even though i am method variable
I have the following method compares two array, one coming from the props and the other one from my own component. Every element that exists in my props array but doesnt exist in my components array ...
0
votes
2
answers
2k
views
Passing dynamically a default date for v-date-picker from parent component and returning the changed date from child component
I have a custom component using the v-date-picker which is used in a lot of places. I want to be able to dynamically set the "default" date picked from the parent component, while being able ...
3
votes
2
answers
4k
views
Conditionally add @submit.prevent to a form in Vue.js
I'm trying to conditionally prevent HTML form submission using @submit.prevent. I have a generic form model that looks like this (minimized a bit):
<v-form v-model="valid">
<div&...
1
vote
1
answer
1k
views
How to modify a child component's colour attribute from the parent in vue js
I have a child Card component:
<template>
<v-card
class="mx-auto"
max-width="500"
color=color
outlined
dark
>
<v-list-item three-line>
...
1
vote
1
answer
960
views
Force props to update in child component after Vuex update
I have a child component (<BaseProjectTable>) that is re-used throughout my site that contains a Vuetify <v-data-table> component. The headers and content items for the data table are ...
2
votes
1
answer
5k
views
Accessing number prop value for table colspan inside Vuetify scoped slot
I have a child component that is utilized by multiple parent components that contains a Vuetify v-data-table, and part of the data table uses the body.prepend slot. In this particular case, a table ...
2
votes
2
answers
964
views
Vue component does not show updated data even if prop data is changed
This is my parent component abc.vue
<v-card outlined class="mt-4">
<DetailsTable v-show="toggleClientData" :columnDefs="columnDefs" :rowData="rowData" />
</v-card>
methods:{...