/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 vote297 views1 answer
How to make @click in router-link vuejs
Javascript Vue
0 vote290 views1 answer
Vue electron name and icon
Javascript Vue
0 vote324 views1 answer
Add a Google Font to a VueJS
Javascript Vue
0 vote321 views1 answer
Vuejs show content on loaded
Javascript Vue
29 votes419 views4 answers
Create new project vue
Javascript Vue
0 vote318 views1 answer
Vue.js use scss in balise style
Javascript Vue
2 votes306 views2 answers
Vuex use state in action
Javascript Vue
1 vote329 views1 answer
Axios post data vue js
Javascript Vue
1 vote299 views1 answer
How to access router from the store vue
Javascript Vue
0 vote362 views1 answer
Vue dynamic routes with parameters
Javascript Vue