/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

17 votes354 views6 answers
Vue js
Javascript Vue
0 vote131 views1 answer
Vue minify images
Javascript Vue
1 vote128 views1 answer
Vuex add multiple payload to mutation
Javascript Vue
1 vote144 views1 answer
Vue watch
Javascript Vue
0 vote134 views2 answers
Vue get props into data
Javascript Vue
5 votes123 views6 answers
Vue v-for object
Javascript Vue
0 vote136 views1 answer
Using vuejs-datepicker with Nuxt JS
Javascript Vue
31 votes278 views5 answers
Inline style vue
Javascript Vue
0 vote135 views1 answer
Vue js readdir
Javascript Vue
0 vote132 views1 answer
Global axios vue 2
Javascript Vue