/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 vote133 views1 answer
Use vuejs in laravel
Javascript Vue
0 vote122 views1 answer
Dynamic vue js maintenance mode
Javascript Vue
9 votes127 views1 answer
Vue deep watch
Javascript Vue
0 vote132 views1 answer
Vue implode array
Javascript Vue
1 vote115 views1 answer
Live vue js port number
Javascript Vue
0 vote118 views1 answer
Push values to data object in vue
Javascript Vue
1 vote120 views3 answers
Settimeout in vuejs
Javascript Vue
2 votes124 views1 answer
Vue local storage delete
Javascript Vue
0 vote135 views1 answer
Vue JS Production mode refresh causing 404 error
Javascript Vue
0 vote121 views1 answer
Vue-jstree
Javascript Vue