Ce este onErrorCaptured()
Hook-ul onErrorCaptured() permite interceptarea erorilor provenite din randarea, metodele de ciclu de viață sau watcherii oricărei componente copil din ierarhie. Returnând false din acest hook, opriți propagarea erorii mai departe către instanța rădăcină a aplicației, prevenind prăbușirea întregii pagini.
Exemplu Concret: Crearea unei componente Error Boundary
<script setup>
import { ref, onErrorCaptured } from 'vue';
const areEroare = ref(false);
const mesajEroare = ref('');
onErrorCaptured((err, instance, info) => {
areEroare.value = true;
mesajEroare.value = err.message;
console.error('Eroare interceptată în componentă copil:', err, info);
return false; // Oprește propagarea
});
</script>
<template>
<div v-if="areEroare" class="alerta-eroare">
A apărut o problemă: {{ mesajEroare }}
</div>
<slot v-else></slot>
</template>
Întrebări & Exemple de Cod:
Hook-ul onErrorCaptured() în Vue 3Ai o nelămurire despre utilizarea comenzii
Hook-ul onErrorCaptured() în Vue 3sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!
Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.