如何处理路由参数更新 nuxt.js

【问题标题】：How to handle route param updates nuxt.js如何处理路由参数更新 nuxt.js
【发布时间】：2018-03-06 00:02:09
【问题描述】：

如果目的地与当前路线相同，并且只有参数发生变化（例如：从一个配置文件转到另一个配置文件 /users/1 -> /users/2）我如何识别这一点并更新组件。使用 vue-router 我可以只使用 beforeRouteUpdate 方法来更新组件。

Here is a recording of my issue

【问题讨论】：

你是否尝试过使用 global Guard beforeEach？
太棒了，成功了。由于某种原因，当我早些时候尝试时它不起作用。一旦我重新启动 webpack，它就可以工作了。谢谢
\m/(~.^) 很高兴听到它

标签： vue-router nuxt.js

【解决方案1】：

我在中间件目录中创建了一个 routeGaurds.js 文件，然后将该中间件添加到我的 nuxt.config.js 文件中

// routeGaurds.js

export default ({ app }) => {
    if(process.browser) {

        app.router.beforeEach((to, from, next) => {
            console.log(to)
            next()
        })
    }

// nuxt.config.js 文件

module.exports = {
      router: {
        linkActiveClass: 'active-link',
        middleware: ['routeGaurds']
    }}

【讨论】：