/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 votes264 views6 answers
Vue.js
Javascript Vue
0 vote78 views1 answer
Dateformat filter vue
Javascript Vue
0 vote175 views1 answer
Vuejs my chart load before fetch data
Javascript Vue
0 vote165 views1 answer
Vue htmlWebpackPlugin.options.title
Javascript Vue
0 vote118 views1 answer
Data table is not a function in vue
Javascript Vue
1 vote115 views1 answer
Fetch in vue 3
Javascript Vue
0 vote107 views1 answer
Add rows to the table dynamically with the use of vue.js
Javascript Vue
0 vote114 views1 answer
Show conditional header based on url in vue js
Javascript Vue
1 vote121 views1 answer
Vue copy image to clipboard
Javascript Vue
0 vote124 views1 answer
Await vuex dispatch true
Javascript Vue