Nuxt Nation カンファレンスが開催されます。11月12日~13日にぜひご参加ください。

<NuxtErrorBoundary>

<NuxtErrorBoundary> コンポーネントは、そのデフォルトスロット内で発生するクライアントサイドのエラーを処理します。
<NuxtErrorBoundary> は、内部でVueの onErrorCaptured フックを使用しています。

イベント

  • @error: コンポーネントのデフォルトスロットがエラーをスローしたときに発生するイベント。
    <template>
      <NuxtErrorBoundary @error="logSomeError">
        <!-- ... -->
      </NuxtErrorBoundary>
    </template>
    

スロット

  • #error: エラーが発生した場合に表示するフォールバックコンテンツを指定します。
      <template>
        <NuxtErrorBoundary>
          <!-- ... -->
          <template #error="{ error }">
            <p>An error occurred: {{ error }}</p>
          </template>
        </NuxtErrorBoundary>
      </template>
    
ドキュメント > はじめに > エラー処理 で詳細をご覧ください。