javascript - 获取钩子(Hook)和 NuxtLoading 组件

Question

我有一个关于从 asyncData 迁移的问题模式到 fecth在 Nuxt 应用程序中。看起来很简单，除了一件事 - 我无法让 NuxtLoading 组件正确运行。我试着留意 $fetchState并开始加载 this.$nuxt.$loading.start() ，但没用。加载指示灯仅闪烁一秒钟，然后在我没有任何输入的情况下消失。
有什么技巧可以让它像 asyncData 一样工作?

Answer 1

使用的全部要点 fetch()是不阻止页面之间的渲染。加载程序在这里是为了让用户知道他什么时候可以期待下一页。
当您使用 fetch() ，您可以使用 $fetchState.pending制作条件并显示加载器或骨架，如下所示:https://buefy.org/documentation/skeleton/
加载栏仍然应该被触发，但它可能会更平滑(并且视觉上可能更短)，我建议让它过它的生活。