/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 vote146 views1 answer
The following dependencies are imported but could not be resolved vue js
Javascript Vue
0 vote139 views1 answer
How to load js in vuejs components
Javascript Vue
1 vote137 views1 answer
Vue directive parameter
Javascript Vue
0 vote138 views1 answer
Export data from paginated api javascript vuetify
Javascript Vue
0 vote138 views1 answer
Vuejs pass data to router-view
Javascript Vue
0 vote181 views1 answer
Vuejs on route scrollbehavior
Javascript Vue
1 vote149 views1 answer
Vuetify sass variables
Javascript Vue
15 votes155 views3 answers
Vue3 - class and style binding
Javascript Vue
0 vote133 views1 answer
Remove # url vuejs
Javascript Vue
3 votes105 views1 answer
Vue watch child component property
Javascript Vue