/Javascript/Vue/One component to another component in vuejs trigger function

One component to another component in vuejs trigger function

For non-parent-child relation, then this is the same as this one. Call one method, apparently any method of a component from any other component. Just add a $on function to the $root instance and call form any other component accessing the $root and calling $emit function.

On First component

    ....
    mounted() {
        this.$root.$on('component1', () => {
            // your code goes here
            this.c1method()
        }
    }
                       
and in the second component call the $emit function in $root

    ...
    c2method: function(){
     this.$root.$emit('component1') //like this
    },
It acts more like a socket. Reference here

https://stackoverflow.com/a/50343039/6090215

Source: stackoverflow.com

Similar codes

1 vote313 views1 answer
Vue access computed property in data
Javascript Vue
0 vote355 views1 answer
Vue dynamic routes with parameters
Javascript Vue
2 votes306 views1 answer
Vue axios catch error
Javascript Vue
0 vote310 views1 answer
Can i use promise.all conditional in vue js
Javascript Vue
6 votes355 views3 answers
Vue watch object member
Javascript Vue
3 votes306 views3 answers
Cors header missing vue api gateway
Javascript Vue
0 vote352 views1 answer
Vue v-for loop array
Javascript Vue
28 votes470 views4 answers
Vue create
Javascript Vue
4 votes321 views1 answer
How to run a vue js hello world app in vue version 3
Javascript Vue
0 vote300 views1 answer
Vuetify autocomplete get input value
Javascript Vue