/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 vote169 views1 answer
Vue router transition
Javascript Vue
5 votes166 views3 answers
Vue select option v-for selected
Javascript Vue
0 vote176 views1 answer
Expect vue test utils compare objects
Javascript Vue
1 vote163 views1 answer
V-for only getting one first value vuejs
Javascript Vue
6 votes168 views2 answers
Vue-cli-service
Javascript Vue
4 votes159 views2 answers
Vue js tutorial
Javascript Vue
1 vote168 views1 answer
Fetch composition API in Vue3
Javascript Vue
0 vote162 views1 answer
Vue get window width
Javascript Vue
0 vote178 views2 answers
Create a vue project from scratch with 2.9.6
Javascript Vue
1 vote210 views1 answer
Vuejs typescript mapactions
Javascript Vue