Linked Questions
30 questions linked to/from Communication between sibling components in Vue.js 2.0
0
votes
0
answers
37
views
How can give notice to the brother level component? [duplicate]
I have a single-page application.
the body is a router-view, I can route in it, it can route to a, b, c components.
you see, if in b component, b and header are the same level components.
How can I ...
19
votes
2
answers
25k
views
How to set initial values for data from vuex?
My goal is to create an 'edit account' form such that a user can modify their account data. I want to present the account data in a form that is already filled with the users data i.e username, email, ...
9
votes
1
answer
15k
views
How to write Jest unit test for a Vue form component which uses a Vuex store?
I have a login form. When I fill out the login form with data and the login button is clicked:
form data (username, password) is sent to the server and a response is
returned
If the form data is ...
11
votes
1
answer
5k
views
declare mapState and mapMutations globally in SPA VueJS
I am creating a basic SPA, but it happens that the states I manage with Vuex and the mutations up there all right, but in each component that I want to use mapState and mapMutations I have to import ...
2
votes
1
answer
7k
views
Open Vue dialog(modal) on parent
First of all, i've already read this post but it didn't help me (or i wasn't able to solve with that)
I've got a component which is a Vuetify Modal (ModalTurno.vue).
I'm trying to open this from a ...
2
votes
1
answer
4k
views
How can I communicate between sibling components easily in Vue.js 2?
First off, I should say that I'm fairly new to Vue.js 2, but so far I love it. I'm using the latest version.
I have started to build my first bigger application but got into a situation right away, ...
0
votes
3
answers
2k
views
Sibling component communication not working in vue
I am trying to send this.TC from typing.js to ending-page.js which are sibling components. Emits and event hubs not working. But emit from typing.js to parent works as I want. (There will be only one ...
2
votes
1
answer
1k
views
How to pass object data from parent to child components?
I would like to know how to make the contents object visible in the video.vue component.
This is the Video.vue components. This component is where I want to access the content object that is defined ...
0
votes
2
answers
1k
views
vue.js post list not updating after form submission
In my vue app I have two components one which is a form that posts the form data to my api. And the other gets and displays these posts in a section on the page. My issue is that when I submit a new ...
1
vote
1
answer
1k
views
Passing an event between sibling components
I have a Parent component that hosts 2 children. Child A (FileLoader) is a file uploader component. When he successfully uploads something, I want to send an event to Child B (FileViewer) that a file ...
1
vote
1
answer
1k
views
Call child method using slot
I have two components. One child component that has two slot populated by a DOM coming from another component. I use this component inside another parent component.
What I want is to close the child ...
0
votes
2
answers
1k
views
Design pattern for Vue app with backend REST API
The basic architecture is a server-side rendered HTML page with Vue.js handling the presentation layer of some, but not all, pages of the site. We are making something a bit like a Trello card or ...
1
vote
1
answer
714
views
Vue.js - Best way to emit event from sibling component to sibling?
I have a parent component which has child A and child B, child B has Child C inside it.
So I need to trigger an event from child A to Child C, what is the best way to to this?
Or maybe is there a ...
1
vote
1
answer
784
views
How to emit response data to parent template after an API call in Vue js?
I am using two child template under a parent template. The first child template calls an API while being created. With this API response, some operations will be done in the second child template. So ...
0
votes
2
answers
618
views
Vue component communication between header component and components in the router-view
Im facing a problem for my VUE app, Im using the vue Router to navigate to my component
In my Header component I use router-link to navigate to a Home component
The problem is :
In my Header component ...