/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 vote185 views3 answers
How to render file vue template in javascript with gulp
Javascript Vue
1 vote142 views1 answer
Vue js import css from node modules
Javascript Vue
3 votes151 views1 answer
Getter in action vuex
Javascript Vue
3 votes144 views2 answers
Vuex-module-decorators rawError globally
Javascript Vue
0 vote198 views1 answer
Vue.js props undefined type
Javascript Vue
1 vote147 views1 answer
Vue copy image to clipboard
Javascript Vue
0 vote239 views1 answer
How do I disable running an app on the local network when using vue-cli?
Javascript Vue
0 vote134 views2 answers
Flask vue.js not working
Javascript Vue
1 vote144 views1 answer
Delete item from array vuejs
Javascript Vue
0 vote141 views1 answer
Lazy loading by scroll vue
Javascript Vue