nuxt vue router afterEach guard

Question

如何设置在nuxt中路由更改后执行的afterEach处理程序？ 中间件可以用作beforeEach，但我找不到实现afterEach钩子的方法。

Answer 1

您可以创建如下插件：

// plugins/after-each.js:
export default async ({ app }) => {

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

}

然后在nuxt.config.js引用它：

plugins: [ { src: '~/plugins/after-each.js', mode: 'client' } ]

注意：由于Nuxt.js 2.4， mode已被引入作为plugins选项来指定插件类型，可能的值是： client或server 。 ssr: false将适应mode: 'client'并在下一个主要版本中弃用。