/Javascript/Vue/Trigger a function inside child from parent vue

Trigger a function inside child from parent vue

import ChildForm from './components/ChildForm'

new Vue({
  el: '#app',
  data: {
    item: {}
  },
  template: `
  <div>
     <ChildForm :item="item" ref="form" />
     <button type="submit" @click.prevent="submit">Post</button>
  </div>
  `,
  methods: {
    submit() {
      this.$refs.form.submit()
    }
  },
  components: { ChildForm },
})

Source: stackoverflow.com

Similar codes

1 vote295 views1 answer
Track window resize in vue
Javascript Vue
0 vote311 views1 answer
Laravel vue js component won't mount
Javascript Vue
6 votes294 views2 answers
Vue watch deep property
Javascript Vue
0 vote286 views1 answer
Vuejs chatbot widget
Javascript Vue
0 vote300 views1 answer
Reset reactive state vue 3
Javascript Vue
3 votes252 views2 answers
Vue mounted
Javascript Vue
0 vote292 views1 answer
Page slug vuejs
Javascript Vue
3 votes297 views2 answers
Vuex-module-decorators rawError globally
Javascript Vue
0 vote307 views1 answer
Add a Google Font to a VueJS
Javascript Vue
2 votes310 views2 answers
Add params to url vue
Javascript Vue