Прослушивание события onpopstate на vuejs

Question

Я совсем новичок в Vue и пытаюсь понять, как прослушивать событие onpopstate в vuejs, чтобы запускать определенную функцию, когда она происходит. Я просмотрел документацию по маршрутизатору, но не могу найти эквивалент для обработчика события onpopstate в vue.

Спасибо за помощь, Уилл

Answer 1

Если вы используете vue-router в SPA, я бы просто поместил его в созданный хук базового компонента:

  created() {
    // Attach onpopstate event handler
    window.onpopstate = function(event) {
      alert("location: " + document.location + ", state: " + JSON.stringify(event.state));
    };
  },

Поскольку базовый компонент обслуживает все представления, вы должны обнаружить, что событие будет запускаться во всем приложении.

Вот JSFiddle, чтобы показать вам, как эта установка будет работать: https://jsfiddle.net/bjb8ukb8/