/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

8 votes210 views4 answers
Vue 3 create app
Javascript Vue
1 vote188 views1 answer
Vue get height of element ref
Javascript Vue
0 vote157 views1 answer
Vue 3 emit update prop
Javascript Vue
9 votes195 views3 answers
Vue boolean
Javascript Vue
2 votes185 views1 answer
Vue filter()
Javascript Vue
0 vote241 views1 answer
Routing vue with meta tag firebase
Javascript Vue
0 vote184 views1 answer
Show conditional header based on url in vue js
Javascript Vue
1 vote193 views1 answer
Vue electron min width
Javascript Vue
0 vote192 views1 answer
App.js:38650 [Vue warn]: Failed to mount component: template or render function not defined
Javascript Vue
11 votes201 views2 answers
Go to next route vuejs
Javascript Vue