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

Question

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

我的导航栏渲染取决于当前URL。 （例如，当前部分突出显示）

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

如果我使用普通的<a href=...>...</a>标签，则可以正常工作。

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

我该如何解决？

也许如果有一种方法可以侦听路线更改，那么我可以触发更改吗？

Answer 1

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

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

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

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