Как сделать переход назад во vue router?

Question

[Михаил]

Доброго времени суток.
В приложении vue использую роуты.
Есть вопрос, как сделать переход назад когда пользователь нажимает назад в самом браузере?
если зайти на какой либо урл и нажать назад, урл меняется, но страница остается той же (компонент не меняется) или пустая.

Answer 1

[Koteezy]

Если Вы пытаетесь перейти на тот же роут ( /users/1 > /users/2 ) используйте хук BeforeRouteUpdate, и обновляйте данные в нем.

Answer 2

[Alexander Pushkarev]

<router-link :to="-1">
<a @click="$router.go(-1)">back</a>

method() {
   this.$router.go(-1)
}

Comments

[Михаил]

Спасибо, но мне нужно сделать что бы срабатывало когда нажимают в самом браузере на стрелку назад

[Alexander Pushkarev]

Михаил, в режиме history работает нажатие на кнопку в браузере

[Михаил]

Alexander Pushkarev, mode: "history", выставлен, но повторю, урл меняется. а компонент нет.

[Alexander Pushkarev]

Михаил, данные в компоненте или сам компонент должен поменяться?

[Михаил]

сам компонент, т.е. к примеру есть профиль и сапорт, два урл /profile, /support если переходить по ссылкам все работает если вернуться назад в браузере не срабатывает

[Артем Русич]

$router.back()