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'并在下一个主要版本中弃用。