<NuxtErrorBoundary> · Nuxt 组件

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

在文档 > 快速上手 > 错误处理中了解更多信息。

在页面导航之间显示进度条。

<NuxtWelcome> 组件在使用启动模板创建的新项目中向用户致敬。