Как следить за изменением url?

Question

[Морис Муляшов]

Приветствую. Есть 2 страницы vue (/1 и /2). Используется history mode. После определенных действий вызываю в методе страницы переход (this.$router.push("/2") - находясь на первой, и (this.$router.push("/1") - находясь на второй.
Одна из переменных в data следит за url (a: parseInt(this.$route.path, 10)). Благодаря переменной определяется куда переходить. Как сделать, чтобы она следила за url? ибо если обновить страницу - она увидит, если перейти с помощью роутера (this.$router.push("/1")) - она не изменится.

Answer 1

[Рамиль]

Вам нужно использовать хук beforeRouteUpdate

Comments

[Морис Муляшов]

переменные еще не инициализированны, а мне нужно данные(url) куда-то записать

[Рамиль]

Тогда используй beforeRouteLeave. Контекст this в нем уже есть.

[Морис Муляшов]

мне нужно вызывать метод на странице по клику, но в этом методе уже должна быть переменная с актуальным url

[Рамиль]

а можете показать как ваша переменная в data следит за url?

[Морис Муляшов]

Рамиль: вот я и спрашиваю как это сделать. я просто читаю роут (a: this.$route.path)

[Морис Муляшов]

все, разобрался. я дибил

[Рамиль]

Пффф. Я вас не так понял))

Answer 2

[Artem0071]

watch: {
    '$route' (to, from) {
      // code...
    }
  }

Comments

[Морис Муляшов]

так же как и beforeRouteEnter, переменные еще не инициализированны, а мне нужно данные(url) куда-то записать