/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

2 votes107 views1 answer
Open url in new window vue
Javascript Vue
0 vote126 views1 answer
Programatic navigation vue router
Javascript Vue
0 vote125 views2 answers
Vue chart nuxt
Javascript Vue
4 votes100 views2 answers
Vue js tutorial
Javascript Vue
0 vote109 views1 answer
Vue js link image link in props doesnt work
Javascript Vue
6 votes100 views2 answers
Vue-cli-service
Javascript Vue
0 vote111 views2 answers
Vuejs install [email protected] requires a peer of ajv@^6.9.1
Javascript Vue
2 votes102 views1 answer
How to run vue js project on different port
Javascript Vue
0 vote99 views2 answers
Ionic vue electron
Javascript Vue
0 vote108 views1 answer
Vuejs localstorage add value
Javascript Vue