/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 vote190 views1 answer
VueJS - getting the last element of a split string array
Javascript Vue
2 votes175 views2 answers
Vue js redirect to external url new tab
Javascript Vue
0 vote187 views1 answer
Jsconfig for default vue
Javascript Vue
0 vote161 views1 answer
Mdi/js icons with vue
Javascript Vue
0 vote164 views1 answer
Deploy vue js to shared hosting
Javascript Vue
3 votes180 views1 answer
Filter array in vuex
Javascript Vue
0 vote180 views1 answer
Vue jest run single test
Javascript Vue
0 vote158 views1 answer
Vue js attribute binding
Javascript Vue
0 vote178 views1 answer
VueJs System Modifier keys like exact ctrl alt shift meta
Javascript Vue
1 vote166 views1 answer
How to access router from the store vue
Javascript Vue