快速导航

`<NuxtErrorBoundary>` - 错误处理组件

Nuxt提供了＜NuxtErrorBoundary＞组件，使用 Vue 的onErrorCaptured钩子处理默认插槽中发生的客户端错误。

Events

@error：组件的默认插槽抛出错误时发出的事件。

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

Slots

#error：指定发生错误时要显示的回退内容。

<template>
  <NuxtErrorBoundary>
    <!-- ... -->
    <template #error="{ error }">
      <p>An error occurred: {{ error }}</p>
    </template>
  </NuxtErrorBoundary>
</template>

参考Nuxt 错误处理相关文档