javascript / intermediate
Snippet
Steuerung der Fehlerfortpflanzung mit onErrorCaptured
Der Hook 'onErrorCaptured' erlaubt es einer Parent-Komponente, Fehler ihrer Nachkommen abzufangen. Die Rückgabe von 'false' ist eine Technik, um das Aufsteigen des Fehlers zum globalen Handler zu stoppen und eine Fehlergrenze (Error Boundary) zu schaffen.
snippet.js
1
2
3
4
5
6
7
8
9
import { onErrorCaptured, ref } from 'vue';const error = ref(null);onErrorCaptured((err, instance, info) => {error.value = `Error in ${info}: ${err.message}`;console.error('Captured:', err);return false; // Prevents the error from bubbling up further});
vue
Erklärung
1
onErrorCaptured((err, instance, info) => { ... })
Klinkt sich in die Fehlerfortpflanzungskette des Komponentenbaums ein.
2
return false;
Stoppt die Weiterleitung des Fehlers an den globalen config.errorHandler.