<NuxtLoadingIndicator>

사용방법

app.vue 혹은 layouts/ 디렉토리에 <NuxtLoadingIndicator> 를 추가한다.

<!--
app.vue
-->

<template>
  <NuxtLayout>
    <div>
      <NuxtLoadingIndicator /> <!-- here -->
      <NuxtPage />
    </div>
  </NuxtLayout>
</template>

참고) Docs > Examples > Routing > Pages

 

Props

• color :  로딩바의 색상, false 로 설정하면 색상이 안나온다.
• height : 로딩바의 높이(픽셀단위, 기본값 3)
• duration : 로딩 바의 지속시간 (밀리초, 기본값 2000)
• throttle : 표시 및 숨기기를 밀리초 단위로 조절 (기본값 200)