<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> 组件在新项目中使用入门模板时欢迎用户。