/Javascript/Vue/How to call function from another component in vue js

How to call function from another component in vue js

Call a function of another component vue

    ....
    mounted() {
        this.$root.$on('component1', () => {
            // your code goes here
            this.c1method()
        }
    }

Source: stackoverflow.com

How to call function from another component in vue js

Vue.component('component1', {
  methods: {
    c1method: function(){
     alert('this is c1method')
    },
  }
})
Vue.component('component2', {
  methods: {
    c2method: function(){
     component('component1').c1method()//like this
    },
  }
})

-1

Source: stackoverflow.com

Similar codes

0 vote209 views1 answer
How get state global in modules in vue
Javascript Vue
0 vote206 views1 answer
Vue js use component everywhere
Javascript Vue
0 vote211 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
0 vote216 views1 answer
Vue route automatic redirect
Javascript Vue
0 vote205 views1 answer
Vue js readdir
Javascript Vue
0 vote208 views1 answer
Hide component on click vue
Javascript Vue
0 vote222 views1 answer
Vue JS Production mode refresh causing 404 error
Javascript Vue
0 vote220 views1 answer
Nuxt vuetify google fonts
Javascript Vue
2 votes218 views4 answers
Scroll to top vue
Javascript Vue
0 vote199 views1 answer
Jsconfig.json vue
Javascript Vue