이벤트

• @error: 컴포넌트의 기본 슬롯에서 오류가 발생할 때 방출되는 이벤트입니다.

  <template>
    <NuxtErrorBoundary @error="logSomeError">
      <!-- ... -->
    </NuxtErrorBoundary>
  </template>
  

슬롯

• #error: 오류가 발생했을 때 표시할 대체 콘텐츠를 지정합니다.

    <template>
      <NuxtErrorBoundary>
        <!-- ... -->
        <template #error="{ error, clearError }">
          <p>오류가 발생했습니다: {{ error }}</p>
  
          <button @click="clearError">오류 지우기</button>
        </template>
      </NuxtErrorBoundary>
    </template>
  

예제

스크립트에서 error와 clearError 접근하기

컴포넌트의 스크립트 내에서 error와 clearError 속성에 아래와 같이 접근할 수 있습니다:

<template>
  <NuxtErrorBoundary ref="errorBoundary">
    <!-- ... -->
  </NuxtErrorBoundary>
</template>

<script setup lang="ts">
const errorBoundary = useTemplateRef('errorBoundary')

// errorBoundary.value?.error
// errorBoundary.value?.clearError()
</script>