如何在 Nuxt.js 中更改路由查询时显示加载指示器

如果您使用nuxt-link或$router，您将没有任何类型的加载程序。
使用fetch()或发出外部请求时会发生这种情况asyncData()。
如果您正在更改路径，则这不是 axios 调用，因此没有进度条。

您可以使用这种代码手动触发进度条

<script>
export default {
  fetch() {
    this.$nextTick(() => {
      this.$nuxt.$loading.start()
      // eslint-disable-next-line nuxt/no-timing-in-fetch-data
      setTimeout(() => this.$nuxt.$loading.finish(), 2000)
    })
  },
}
</script>

不过，我不确定这除了具有可视化加载器外是否有用。
这更像是一种类似于 YouTube 的行为，如果用户按下按钮并且他的连接速度较慢，则向用户显示页面正在加载。
以下是YouTube 的行为示例。

更多细节可以在这里找到：https : //nuxtjs.org/docs/2.x/features/loading#programmatically-starting-the-loading-bar