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

Question

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

1

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

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

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

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

Однако он не реагирует на это событие. Зачем?

Mattias 04 май 2018, в 22:22

Источник

0

Вы отметили это Vue & Vue 2, вы используете Vue 2?
Scott Sword 04 май 2018, в 19:28
0

Да, vue2, извините
Mattias 04 май 2018, в 19:34
0

Любопытно, если вы поместите слушателя в другом месте, это работает? Например, если вы поместите слушателя на один уровень выше того места, где вы его излучаете, а не из-за рута, это правильно сработает? Я хотел бы убедиться, что вы вещаете правильно, а затем копаться в ваших слушателей.
Scott Sword 04 май 2018, в 19:38
0

Да, это работает в другом месте.
Mattias 04 май 2018, в 19:41
0

Если я делаю это. $ Root. $ On в компоненте, где я генерирую событие, то вызывается обработчик, но если я добавляю обработчик в mount () в корневой компонент, он не работает.
Mattias 04 май 2018, в 19:46
0

Сколько уровней в глубине находится ваш вложенный компонент? Этот подход $ root очень похож на Angular 1. Я только что нашел эту статью, в которой говорится, что Vue испускает только один уровень, так что вам может понадобиться увеличить его. forum.vuejs.org/t/...
Scott Sword 04 май 2018, в 19:47
0

Кроме того, исходя из опыта Angular 1, именно поэтому люди используют Redux.
Scott Sword 04 май 2018, в 19:48

Показать ещё 5 комментариев

Теги:

javascript

vuejs2

1 ответ

Ещё вопросы

Вы отметили это Vue & Vue 2, вы используете Vue 2?
Любопытно, если вы поместите слушателя в другом месте, это работает? Например, если вы поместите слушателя на один уровень выше того места, где вы его излучаете, а не из-за рута, это правильно сработает? Я хотел бы убедиться, что вы вещаете правильно, а затем копаться в ваших слушателей.
Если я делаю это. $ Root. $ On в компоненте, где я генерирую событие, то вызывается обработчик, но если я добавляю обработчик в mount () в корневой компонент, он не работает.
Сколько уровней в глубине находится ваш вложенный компонент? Этот подход $ root очень похож на Angular 1. Я только что нашел эту статью, в которой говорится, что Vue испускает только один уровень, так что вам может понадобиться увеличить его. forum.vuejs.org/t/...
Кроме того, исходя из опыта Angular 1, именно поэтому люди используют Redux.

Andres Garcia · Answer 1 · 2018-05-23T08-31-00.000Z

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

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

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

за это:

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

Стоит упомянуть, что, по-видимому, vue не поощряет такой подход, и предлагает фиктивный компонент в качестве шины событий или vuex- vuejs.org/v2/guide/…