/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

17 votes398 views6 answers
Vue cdn
Javascript Vue
0 vote297 views1 answer
Firestorage vuetify
Javascript Vue
1 vote294 views2 answers
Get object from list of objects in vuejs with condition
Javascript Vue
12 votes291 views6 answers
Vue
Javascript Vue
0 vote308 views1 answer
Vue function data update
Javascript Vue
13 votes342 views3 answers
Vuex v-model
Javascript Vue
9 votes313 views3 answers
Vue 3 computed
Javascript Vue
11 votes305 views2 answers
Vue router push
Javascript Vue
0 vote278 views1 answer
Vuejs enter phone with country flag
Javascript Vue
2 votes302 views1 answer
Open route in new tab vue router
Javascript Vue