/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 vote182 views3 answers
Using the watch method to monitor route updates in vue
Javascript Vue
0 vote225 views1 answer
Vue minify images
Javascript Vue
9 votes223 views1 answer
Vue deep watch
Javascript Vue
1 vote224 views1 answer
Get text inside span vue test utils
Javascript Vue
0 vote226 views1 answer
Vue.js watch event
Javascript Vue
2 votes231 views1 answer
Button click redirection to another page vue
Javascript Vue
0 vote224 views2 answers
Navbar route with params vue
Javascript Vue
5 votes238 views1 answer
Comment in vue js
Javascript Vue
0 vote223 views1 answer
The data option must be a function. Plain object usage is no longer supported. vue
Javascript Vue
0 vote181 views1 answer
How are vue components identified
Javascript Vue