You are browsing Nuxt 2 docs. Go to Nuxt 3 docs, or learn more about Nuxt 2 Long Term Support.

翻訳されたページ このページのコンテンツは古い可能性があります。

ローディングコンポーネントのカスタマイズ

カスタムローディングコンポーネントを作成し、デフォルトのローダと SPA 用のスピナーを変更します


この例において:

components/LoadingBar.vue では、デフォルトのローディングバーの代わりに使用する、カスタムローディングスピナーを表示します。

nuxt.config.js には、ローディングコンポーネントをインポートする loading プロパティがあります。

pages/loading.vue はプログラムでローダーを起動し、ページの読み込みに 2 秒かかるようにします。

Loading Sandbox...