[Vuejs]-Trigger a function when selecting a data in a dropdown menu in Vue

by

0👍

To trigger event from child to parent you need to use $event

Vue.component('child', {
  template: '<button @click="trigger">Trigger for Parent</button>',
  methods: {
    trigger: function () {
      this.$emit('triggerparent')
    }
  },
})
new Vue({
  el: '#counter-event-example',
  data: {
    msg: ''
  },
  methods: {
    actionParent: function () {
      console.log('Parent triggerd  at : '+(new Date()).getTime());
      this.msg = 'Parent triggerd  at : '+(new Date()).getTime();
    }
  }
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script>
<div id="counter-event-example">
  <p>{{ msg }}</p>
  <child @triggerparent="actionParent"></child>
</div>

Leave a comment