Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-14 18:13:54 +00:00
Code Issues Packages Projects Releases Wiki Activity
186a626e38
Nuxt/docs/content/3.api/2.components/5.nuxt-error-boundary.md
Yaël Guilloux dc47c64f14
docs: use nuxt 3 and website theme (#5479) 
Co-authored-by: Daniel Roe <daniel@roe.dev>
Co-authored-by: Sébastien Chopin <seb@nuxtjs.com>
Co-authored-by: Pooya Parsa <pooya@pi0.io>
Co-authored-by: pooya parsa <pyapar@gmail.com>
Co-authored-by: Clément Ollivier <clement.o2p@gmail.com>
2022-10-06 11:15:30 +02:00

964 B
Raw Blame History

title description
<NuxtErrorBoundary> The <NuxtErrorBoundary> component handles client-side errors happening in its default slot.

<NuxtErrorBoundary>

The <NuxtErrorBoundary> component handles client-side errors happening in its default slot, using Vue's onErrorCaptured hook.

Events

  • @error: Event emitted when the default slot of the component throws an error.

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

Slots

  • #error: Specify a fallback content to display in case of error.

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

::ReadMore{link="/getting-started/error-handling"} ::