/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 vote147 views1 answer
Vue JS Production mode refresh causing 404 error
Javascript Vue
0 vote135 views1 answer
You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
Javascript Vue
5 votes136 views3 answers
Vue select option v-for selected
Javascript Vue
0 vote144 views1 answer
Vue apollo refetch every x ms
Javascript Vue
-2 votes137 views2 answers
Timestamp convert moment vue
Javascript Vue
0 vote133 views1 answer
Jsconfig for default vue
Javascript Vue
0 vote158 views3 answers
Srcset vue
Javascript Vue
0 vote131 views1 answer
Vuejs vscode unbound breakpoint
Javascript Vue
0 vote133 views1 answer
Inertia-link vuetify
Javascript Vue
0 vote161 views2 answers
Vue Chartjs label false
Javascript Vue