/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

3 votes235 views5 answers
Vue js count down timer
Javascript Vue
0 vote161 views1 answer
Vue block other script event listeners
Javascript Vue
2 votes205 views2 answers
Vue + change router link active class
Javascript Vue
0 vote232 views1 answer
Vue cli debugger
Javascript Vue
1 vote225 views1 answer
Vue js copy text to clipboard
Javascript Vue
8 votes275 views3 answers
Query params vuejs
Javascript Vue
0 vote194 views1 answer
Vue toggle boolean on click
Javascript Vue
0 vote228 views1 answer
Vue JS Production mode refresh causing 404 error
Javascript Vue
0 vote167 views1 answer
Vuejs reset component
Javascript Vue
10 votes235 views2 answers
Vuejs does props factory function have access to vue instance
Javascript Vue