/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 vote113 views1 answer
App.js:38650 [Vue warn]: Failed to mount component: template or render function not defined
Javascript Vue
0 vote123 views1 answer
Vue js link image link in props doesnt work
Javascript Vue
0 vote134 views2 answers
Vuejs scrollBehavior
Javascript Vue
0 vote117 views1 answer
Vue google map api for user marker location
Javascript Vue
0 vote123 views1 answer
How to find length of a assocative array vuejs
Javascript Vue
1 vote123 views1 answer
V-for only getting one first value vuejs
Javascript Vue
0 vote111 views1 answer
How manipulate the multiple input option data in one function in vue js
Javascript Vue
6 votes117 views2 answers
Binding style vuejs
Javascript Vue
0 vote115 views1 answer
Vue js app component
Javascript Vue
6 votes115 views2 answers
Redirect in vue
Javascript Vue