Nuxt.js：页面转换答案

【问题标题】：Nuxt.js: page transitionsNuxt.js：页面转换
【发布时间】：2021-03-23 00:08:40
【问题描述】：

在我的 nuxt.config.js 中，我添加了 loading: '~/components/LoadingBar.vue'。

部署站点后，我的自定义页面转换工作，但仅当访问的第一个页面与 home 页面不同时。

例如，如果您访问此链接并从那里导航到 /About 或 /Portfolio，您将看到我的自定义过渡（模糊效果 + 加载圈）。

现在，单击徽标（我的名字，在“主页”菜单项上方）：我的自定义页面转换莫名其妙地重置为默认的 Nuxt 页面转换，页面顶部的白色加载栏。

不确定这是否是Nuxt.js 的已知错误，我想不出我的代码中有任何可能导致类似问题的东西。我该如何解决？

【问题讨论】：

【解决方案1】：

单击徽标后页面会重新加载，
看来您使用的是简单的链接而不是。

在router.js中为您的家乡路线设置一个这样的名称

{
    name: 'home',
    path: '/',
    component: Index
}

然后<nuxt-link :to="{ name: 'home' }">logo</nuxt-link>

【讨论】：