/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

0 vote305 views2 answers
Why i can't download node-sass while craeting new vue app
Javascript Vue
1 vote296 views2 answers
How to watch for changes within a prop in vue
Javascript Vue
1 vote309 views2 answers
Vue watch props
Javascript Vue
1 vote308 views2 answers
Lazy Loading Routes vue
Javascript Vue
13 votes357 views3 answers
Vuex v-model
Javascript Vue
0 vote306 views1 answer
Vue component: { render:
Javascript Vue
6 votes300 views1 answer
Vuejs set
Javascript Vue
0 vote317 views1 answer
Vue problem (You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file)
Javascript Vue
0 vote346 views1 answer
Routing vue with meta tag firebase
Javascript Vue
18 votes399 views6 answers
Vue 3 CDN
Javascript Vue