Как обновить состояние компонента?

Question

[Роман Ямчук]

На проекте с vue-роутером использую аутентификацию oauth. В кастомной библиотеке устанавливается токен в localStorage и есть метод isAuthenticated. В компоненте sidebar есть пункт меню который должен отображаться только после аутентификации.

Так вот суть проблемы, после аутентификации, пункт меню отображается только после того как страница обновляется, компонент sidebar находится за пределами router-view. Возможно ли обновить состояние компонента, не используя store и не перенося sidebar в router-view?

Answer 1

[Алексей Ярков]

В том месте, где пишете токен в localStorage, эмитим событие, например $root.$emit('token:saved').
А в сайдбаре подписываемся на него в mounted: $root.$on('token:saved', this.showMenuIfTokenExists).

Comments

[Роман Ямчук]

Спасибо, видимо эстетичнее всё таки переместить в router-view

[Алексей Ярков]

Роман Ямчук, согласен. Но вы же сами написали

не перенося sidebar в router-view

Вот я и посоветовал ))