Nuxt.js：页面转换

Posted 2023-02-22

【中文标题】Nuxt.js：页面转换

【英文标题】：Nuxt.js: page transitions

【发布时间】：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>