/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 vote118 views1 answer
Vue copy image to clipboard
Javascript Vue
2 votes113 views1 answer
Vue directive access this
Javascript Vue
8 votes113 views3 answers
Vue redirect to route
Javascript Vue
1 vote103 views2 answers
How send to another page by router in vuejs
Javascript Vue
15 votes169 views6 answers
Vuejs
Javascript Vue
0 vote111 views1 answer
Vue router "savedposition" with ajax call
Javascript Vue
0 vote116 views1 answer
Vue js hooks
Javascript Vue
0 vote118 views1 answer
Vue dispatch action at tab close
Javascript Vue
1 vote80 views1 answer
Convert string to array vuejs
Javascript Vue
1 vote143 views2 answers
Target data option select vue js
Javascript Vue