Почему маршрут не содержит информации?

Как можно поправить код, чтобы переменная `route` не оставалась пустой после перехода на другую ссылку при использовании Vue.js и Vue Router?
  • 18 марта 2024 г. 17:59
Ответы на вопрос 1
Маршрут не содержит информации, потому что после перехода на другую ссылку переменная `route` не обновляется автоматически. 

Чтобы исправить это и обновить переменную `route` после перехода на другую ссылку при использовании Vue.js и Vue Router, можно воспользоваться следующим подходом:

1. В файле компонента, в котором используется переменная `route`, добавить обработчик события `beforeRouteUpdate`. Этот обработчик будет вызываться каждый раз, когда маршрут обновляется:

```javascript
export default {
  data() {
    return {
      route: this.$route
    };
  },
  beforeRouteUpdate(to, from, next) {
    this.route = to;
    next();
  }
}
```

2. Теперь при каждом обновлении маршрута переменная `route` будет автоматически обновляться и содержать актуальную информацию о текущем пути.

Этот подход позволит вам обновлять переменную `route` после перехода на другую ссылку при использовании Vue.js и Vue Router.
Похожие вопросы