/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

9 votes137 views3 answers
Vue boolean
Javascript Vue
0 vote138 views1 answer
You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
Javascript Vue
0 vote131 views2 answers
Navbar route with params vue
Javascript Vue
0 vote141 views1 answer
How to manage the key press and blur with input id in vue js
Javascript Vue
0 vote133 views1 answer
Global axios vue 2
Javascript Vue
2 votes142 views1 answer
Vue js get width of element
Javascript Vue
0 vote134 views1 answer
Vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded"
Javascript Vue
0 vote128 views1 answer
How to make @click in router-link vuejs
Javascript Vue
3 votes141 views5 answers
Vue js count down timer
Javascript Vue
63 votes259 views4 answers
Install vue js
Javascript Vue