/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 vote199 views1 answer
Problem with owl carousel in vue when useing axios
Javascript Vue
6 votes215 views1 answer
Vuejs set
Javascript Vue
0 vote225 views1 answer
Aos initial configuration vue
Javascript Vue
28 votes404 views4 answers
Vue create
Javascript Vue
1 vote184 views1 answer
Vuex-module-decorators access other state
Javascript Vue
1 vote169 views3 answers
Vue router npm install
Javascript Vue
0 vote175 views1 answer
Lazy loading by scroll vue
Javascript Vue
0 vote137 views1 answer
Rails + vue js projcet demo
Javascript Vue
1 vote200 views1 answer
Nativescript vue get native from ref
Javascript Vue
0 vote223 views1 answer
Vue dynamic routes with parameters
Javascript Vue