/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

38 votes272 views5 answers
Vue create cli
Javascript Vue
0 vote133 views1 answer
Vue router "savedposition" with ajax call
Javascript Vue
0 vote140 views1 answer
Vue js tutorial csv import
Javascript Vue
16 votes274 views5 answers
Vuejs router params
Javascript Vue
1 vote196 views1 answer
Vuex state from another module
Javascript Vue
7 votes151 views1 answer
Vue 3 composition api watch
Javascript Vue
0 vote150 views1 answer
Vue.js function to always uppercase when the client input lowercase
Javascript Vue
2 votes155 views1 answer
Button click redirection to another page vue
Javascript Vue
0 vote158 views1 answer
Sortby vue
Javascript Vue
12 votes160 views6 answers
Vue
Javascript Vue