/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

15 votes407 views6 answers
Vuejs
Javascript Vue
3 votes289 views1 answer
Getter in action vuex
Javascript Vue
0 vote305 views1 answer
How to use vue.js in expressjs with pug
Javascript Vue
3 votes308 views3 answers
Vue fetch
Javascript Vue
0 vote302 views1 answer
How to get attr in vuejs
Javascript Vue
0 vote293 views1 answer
Vue router default page not loaded
Javascript Vue
0 vote296 views1 answer
Diynamic time vue js
Javascript Vue
0 vote292 views1 answer
Vuejs on route scrollbehavior
Javascript Vue
0 vote333 views1 answer
Multiple js files vuejs
Javascript Vue
0 vote336 views1 answer
How to add okta api to vuejs
Javascript Vue