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

Question

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

我的导航栏呈现会根据当前网址而变化。 （例如，突出显示当前部分）

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

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

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

我怎样才能解决这个问题？

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

Answer 1

在组件的安装方法中，我可以做到

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

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

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