/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 vote338 views1 answer
Concat class name vue js
Javascript Vue
0 vote342 views1 answer
How to get 3rd level form data by $refs in vue
Javascript Vue
0 vote351 views1 answer
Vue js tutorial csv import
Javascript Vue
0 vote334 views1 answer
Npm install vue 2
Javascript Vue
3 votes343 views1 answer
V-switch vuex store
Javascript Vue
0 vote354 views3 answers
Srcset vue
Javascript Vue
3 votes350 views2 answers
Countdown using vue
Javascript Vue
0 vote343 views1 answer
Vue cli - Uncaught SyntaxError: Unexpected token <
Javascript Vue
0 vote338 views1 answer
Vuejs vscode unbound breakpoint
Javascript Vue
-1 vote395 views3 answers
Vite vue 3 create new component cli
Javascript Vue