/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

11 votes100 views2 answers
Vue nextTick
Javascript Vue
0 vote142 views1 answer
Vue htmlWebpackPlugin.options.title
Javascript Vue
0 vote55 views2 answers
Vue test utils emit from child component
Javascript Vue
2 votes94 views2 answers
Vue js redirect to external url new tab
Javascript Vue
0 vote104 views1 answer
Vue js link image link in props doesnt work
Javascript Vue
2 votes103 views1 answer
Vue local storage delete
Javascript Vue
1 vote102 views1 answer
How to detect props change in vue
Javascript Vue
-1 vote149 views3 answers
Vite vue 3 create new component cli
Javascript Vue
1 vote62 views1 answer
Convert string to array vuejs
Javascript Vue
-2 votes106 views1 answer
What is slot in vue.js
Javascript Vue