当前路径更改时 Nuxt 布局不会更新

Question

我的默认布局包括一个导航栏。

我的导航栏渲染会根据当前的 url 而改变。 （例如突出显示当前部分）

我正在使用this.$router.currentRoute.path 获取当前路径。

如果我使用普通的<a href=...>...</a> 标签，那么它工作正常。

但是，当使用nuxt-link 进行客户端导航时，布局不会更新。

我该如何解决这个问题？

也许如果有办法监听路由变化，那么我可以触发变化？

Answer 1

在组件的mounted方法中，我可以做

    this.$router.afterEach((to, from) => {
        this.path = this.$router.currentRoute.path
    });

这会将this.path 更新为新的 url 路径。

如果默认布局中的组件使用 path 数据值，它们将正确更新自身。