this.$root.$emit not working in Vue

Question

I want to emit an event on the root component, and listen to in in the root component. In a child of child component I do this:

this.$root.$emit(\'access-tok         


        

Answer 1

I've to use the following approach:

mounted() {
  this.$nuxt.$emit('event-name')
} 

mounted() {
  this.$nuxt.$on('event-name', () =>
    ...
  }
}

Using Nuxt 2.14

Answer 2

You are not using the $root for the event $on

Change this:

this.$on('access-token', this.setAccessToken); 

for this:

this.$root.$on('access-token', this.setAccessToken);