/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

2 votes238 views2 answers
Vue js redirect to external url new tab
Javascript Vue
0 vote238 views1 answer
Vuejs take rgba values from coordinate
Javascript Vue
0 vote224 views1 answer
Dynamically populate vue material table
Javascript Vue
0 vote232 views1 answer
Vuetify autocomplete get input value
Javascript Vue
0 vote236 views1 answer
Vue reset all data to default
Javascript Vue
1 vote248 views1 answer
Live vue js port number
Javascript Vue
0 vote233 views2 answers
Navbar route with params vue
Javascript Vue
0 vote252 views1 answer
Vue js qr code scanner
Javascript Vue
0 vote236 views1 answer
Vuejs chatbot widget
Javascript Vue
0 vote232 views1 answer
Vuejs enter phone with country flag
Javascript Vue