/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

0 vote134 views1 answer
Vue on click router push not working
Javascript Vue
0 vote142 views1 answer
Vuerouter route grouping
Javascript Vue
3 votes89 views2 answers
Vue mounted
Javascript Vue
0 vote140 views1 answer
Watching Arrays and Objects (Vue 3)
Javascript Vue
0 vote133 views1 answer
Vue sidebar
Javascript Vue
0 vote133 views1 answer
Vue date helper
Javascript Vue
0 vote135 views1 answer
Export data from paginated api javascript vuetify
Javascript Vue
1 vote142 views1 answer
Vuetify sass variables
Javascript Vue
0 vote89 views1 answer
Vue tilt
Javascript Vue
0 vote146 views1 answer
Hidden vue js
Javascript Vue