<NuxtErrorBoundary> · Nuxt 元件

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