/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 vote132 views1 answer
Vue router "savedposition" with ajax call
Javascript Vue
0 vote148 views1 answer
How to add bootstrap to vue js
Javascript Vue
6 votes178 views1 answer
How set stye in component inline in vue
Javascript Vue
0 vote194 views1 answer
Vue js attribute binding
Javascript Vue
1 vote139 views1 answer
Vue moment js difference between dates in minutes
Javascript Vue
4 votes162 views1 answer
Vue.js axios delete then
Javascript Vue
0 vote140 views1 answer
Vue google map api for user marker location
Javascript Vue
0 vote138 views1 answer
Vue function data update
Javascript Vue
3 votes146 views1 answer
Getter in action vuex
Javascript Vue
1 vote141 views1 answer
Vue 3 define props script setup
Javascript Vue