<NuxtLoadingIndicator>

使用

在你的 app.vue 或 app/layouts/ 中添加 <NuxtLoadingIndicator/>。

<template>
  <NuxtLoadingIndicator />
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>

插槽

你可以通过加载指示器的默认插槽传递自定义 HTML 或组件。

属性

• color: 加载条的颜色。可以将其设置为 false 以关闭显式颜色样式。
• errorColor: 当 error 设置为 true 时的加载条颜色。
• height: 加载条的高度，单位为像素 (默认 3)。
• duration: 加载条的持续时间，单位为毫秒 (默认 2000)。
• throttle: 出现和隐藏的节流时间，单位为毫秒 (默认 200)。
• estimatedProgress: 默认情况下，Nuxt 在接近 100% 时会减速。你可以提供一个自定义函数来定制进度估计，该函数接收加载条的持续时间（如上所述）和已过去的时间。它应该返回一个 0 到 100 之间的值。