Nuxt.js：页面转换
2020-12-11
754
在我的 nuxt.config.js 中，我添加了
loading: '~/components/LoadingBar.vue'
。
部署站点后，我的自定义页面转换可以正常工作，但前提是访问的第一个页面与
home
页面不同。
例如，如果您访问此链接并从那里导航到
/About
或
/Portfolio
，您将看到我的自定义转换（模糊效果 + 加载圆圈）。
现在，点击徽标（我的名字，位于“主页”菜单项上方）：我的自定义页面转换莫名其妙地重置为默认的 Nuxt 页面转换，白色加载栏位于页面的最顶部。
不确定这是否是
Nuxt.js
的已知错误，我想不出我的代码中可能导致类似问题的任何内容。我该如何修复它？
1个回答
单击徽标后，页面会重新加载，
似乎您使用的是简单的 <a> 链接，而不是 <nuxt-link>。
在
router.js
中为您的主页路由设置一个这样的名称
{
name: 'home',
path: '/',
component: Index
}
然后
<nuxt-link :to="{ name: 'home' }">logo</nuxt-link>
dxlliv
2020-12-11