/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

3 votes158 views2 answers
Vue event
Javascript Vue
-2 votes217 views2 answers
Vue.use is not a function
Javascript Vue
77 votes352 views6 answers
Install vue cli
Javascript Vue
0 vote207 views1 answer
Re init data vue js
Javascript Vue
0 vote234 views1 answer
VueProduction
Javascript Vue
4 votes225 views1 answer
Vue.js axios delete then
Javascript Vue
0 vote225 views1 answer
Vue js hooks
Javascript Vue
0 vote358 views1 answer
Vue htmlWebpackPlugin.options.title
Javascript Vue
-1 vote218 views3 answers
Vue is not defined
Javascript Vue
0 vote189 views1 answer
Vue block other script event listeners
Javascript Vue