this. $ root. $ emit не работает в Vue

Question

Я хочу отправить событие в корневой компонент и прослушать его в корневом компоненте. В дочернем компоненте ребенка я делаю это:

this.$root.$emit('access-token', accessToken);

В корневом компоненте (верхний компонент, загружаемый первым) я делаю это (правка: это в методе mount ()):

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

Это не реагирует на событие, хотя. Почему?

Answer 1

Вы не используете $root для события $on

Изменить это:

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

для этого:

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