/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 vote239 views1 answer
Laravel vue js component won't mount
Javascript Vue
16 votes409 views4 answers
Vue js default prop
Javascript Vue
6 votes222 views2 answers
Binding style vuejs
Javascript Vue
0 vote215 views1 answer
Vue route automatic redirect
Javascript Vue
2 votes189 views3 answers
Vuejs copy to clipboard
Javascript Vue
29 votes470 views4 answers
Create new project vue
Javascript Vue
2 votes207 views1 answer
Open route in new tab vue router
Javascript Vue
0 vote254 views1 answer
Vue htmlWebpackPlugin.options.title
Javascript Vue
0 vote195 views1 answer
Jsconfig for default vue
Javascript Vue
0 vote207 views1 answer
Vue date helper
Javascript Vue