<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> 元件會在從起始範本建立的新專案中歡迎使用者。