<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>