/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

4 votes375 views3 answers
Vue computed
Javascript Vue
0 vote337 views1 answer
Vue js video call
Javascript Vue
0 vote367 views1 answer
Vue max characters html input
Javascript Vue
13 votes426 views5 answers
Vue js cdn link
Javascript Vue
0 vote357 views1 answer
How to send query parameters in url vuejs
Javascript Vue
0 vote355 views1 answer
Vuejs enter phone with country flag
Javascript Vue
6 votes376 views3 answers
Url params vue
Javascript Vue
28 votes521 views4 answers
Vue inline style bind
Javascript Vue
3 votes329 views1 answer
Vue watch child component property
Javascript Vue
0 vote382 views1 answer
Vuejs input text
Javascript Vue