应用程序中的渲染错误

运行代码生成链接，并点击链接查看浏览器中的错误。

打开上方链接以在浏览器中查看错误。

1<template>
2  <section>
3    <h3>未处理的错误区域</h3>
4  </section>
5
6  <NuxtErrorBoundary>
7    <h3>已处理的错误区域</h3>
8    <template #error="{ error }">
9      <p>{{ error }}</p>
10    </template>
11  </NuxtErrorBoundary>
12</template>

1<script setup>
2function clearError(error) {
3  error.value = null;
4}
5</script>
6
7<template>
8  <section>
9    <h3>未处理的错误区域</h3>
10  </section>
11
12  <NuxtErrorBoundary>
13    <h3>已处理的错误区域</h3>
14    <template #error="{ error }">
15      <p>{{ error }}</p>
16      <button @click="clearError(error)">清除错误</button>
17    </template>
18  </NuxtErrorBoundary>
19</template>