/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 vote233 views1 answer
VueProduction
Javascript Vue
16 votes287 views4 answers
Vue js default prop
Javascript Vue
16 votes281 views5 answers
Vuejs router params
Javascript Vue
0 vote218 views1 answer
Webpack vue global variable
Javascript Vue
1 vote205 views1 answer
Vuejs watch for nested data
Javascript Vue
1 vote237 views2 answers
Vue 3 props
Javascript Vue
0 vote203 views1 answer
Vue js video call
Javascript Vue
1 vote177 views1 answer
Vue firebase project tutorial
Javascript Vue
5 votes196 views1 answer
Vue prop string or number
Javascript Vue
17 votes263 views6 answers
Vue js
Javascript Vue