/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 vote415 views3 answers
Vue read url
Javascript Vue
0 vote371 views2 answers
Vuejs slots events
Javascript Vue
31 votes388 views5 answers
Inline style vue
Javascript Vue
6 votes325 views2 answers
Binding style vuejs
Javascript Vue
0 vote318 views2 answers
Javascript vue.js right click
Javascript Vue
4 votes285 views1 answer
How to create a global variable in vue
Javascript Vue
2 votes288 views1 answer
Clear input from file vue
Javascript Vue
2 votes280 views2 answers
Vue directive
Javascript Vue
0 vote283 views1 answer
Vue event two parameter with e
Javascript Vue
0 vote281 views1 answer
Define var vuejs
Javascript Vue