[Vuejs]-Vue 2.0: Parents not responding to child event

by

0👍

Thanks to @wostex for the lowercase tip, I was able to update my component to the following:

Vue.component('employee-sidebar', {
  template: '#employee-sidebar',
  props: {},
  data: function() {
    return {
      activeLink: 'dashboard'
    }
  },
  methods: {
    changeTab: function(tab) {
      console.log(tab)
      this.activeLink = tab
      this.$emit('change_tab', tab)
    }
  }
})

and in the parent:

<employee-sidebar v-on:change_tab="(tab) => activeLink = tab"></employee-sidebar>

Leave a comment