/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 vote192 views1 answer
Vue i18n command
Javascript Vue
0 vote182 views1 answer
Pagination in b table in bootstrap vue
Javascript Vue
1 vote212 views4 answers
For loop vue object
Javascript Vue
0 vote181 views1 answer
Vue minify images
Javascript Vue
1 vote187 views1 answer
Delete item from array vuejs
Javascript Vue
0 vote190 views1 answer
Vue js qr code scanner
Javascript Vue
7 votes191 views1 answer
Vue js Elements in iteration expect to have 'v-bind:key' directives
Javascript Vue
0 vote337 views1 answer
Error vuejs from chokidar enospc
Javascript Vue
0 vote199 views2 answers
Vuejs install [email protected] requires a peer of ajv@^6.9.1
Javascript Vue
0 vote202 views1 answer
Vuejs select placeholder
Javascript Vue