<NuxtLoadingIndicator>

用法

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

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

插槽

你可以通过 loading indicator 的默认插槽传入自定义的 HTML 或组件。

属性

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