vue-roouter에서 각 처리기를 설정하는 방법

vue-roouter에서 각 처리기를 설정하는 방법

나는 다음과 같은 대본을 가지고 있다.

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  scrollBehavior (to, from, savedPosition) {
    // purposely left blank
  },
  routes: [
    {
      path: "/",
      component: SampleComponent
    }
  ]
}

A를 추가하고 싶다.afterEach라우터 링크를 사용할 때 열려 있는 메뉴를 닫을 수 있도록 라우터에 대한 핸들러.

나는 그것을 건설업자에 추가하려고 했지만 그것은 건설업자의 주장이 아니다.

나는 또한 다음과 같이 시도했다.

Router.afterEach((to, from) => {
  // ...
})

하지만 오류가 생겼어:

AfterAute는 함수가 아님

적절한 추가 방법afterEach이 설정으로 콜백하시겠습니까?

네가 세팅해야 해.afterEach의 취급자.Router인스턴스(물체를 통해 반환됨)new Router()).

인스턴스에 대한 참조를 설정하고afterEach내보내기 전에 처리기:

const router = new Router({
  scrollBehavior (to, from, savedPosition) {
    // purposely left blank
  },
  routes: [
    {
      path: "/",
      component: SampleComponent
    }
  ]
});

router.afterEach((to, from) => {
  // ...
});

export default router

참조URL: https://stackoverflow.com/questions/45763906/how-to-set-aftereach-handler-in-vue-router