/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

6 votes98 views3 answers
Vue watch object member
Javascript Vue
5 votes92 views6 answers
Vue v-for object
Javascript Vue
0 vote100 views1 answer
Vue function data update
Javascript Vue
0 vote101 views1 answer
Vue sidebar
Javascript Vue
0 vote94 views1 answer
Update head tag metadata vue
Javascript Vue
1 vote93 views1 answer
Vue test form input
Javascript Vue
1 vote99 views1 answer
Import js function in vuejs
Javascript Vue
54 votes216 views2 answers
How to setup vue
Javascript Vue
0 vote110 views1 answer
Vue js use component everywhere
Javascript Vue
15 votes101 views3 answers
Vue3 - class and style binding
Javascript Vue