errorCaptured Capturar erros de descendentes

Última atualização: 2026-10-22

errorCaptured Capturar erros de descendentes

errorCaptured captura erros de componentes descendentes; retornar false interrompe a propagação ao handler global.

GrupoOpções: Renderização e Ciclo de Vida
TipoOpção
EscopoNo Componente
Versão do Vue3.0+
Suporte a SSRSim

📝 Sintaxe

export default {
  errorCaptured(err, vm, info) {
    return false   // stop propagation
  }
}

⚙️ Argumentos

valueerr, vm e uma string info descrevendo a origem

Retorno:Retorne false para interromper a propagação

▶ Exemplo

Edite o código abaixo e veja o resultado ao vivo:

Saída:

Shows 'caught: child failed to initialise' without a blank screen.

💡 Pontos-chave

💡 Dica Capture no topo e reporte ao monitoramento.
⚠️ Aviso Apenas erros síncronos — trate rejeições de promise por conta própria.
ℹ️ Nota Os erros borbulham primeiro até o boundary mais próximo.
Mais casos em breve.

📚 Tutoriais Relacionados

❓ FAQ

P Dá para capturar erros assíncronos?
R Não — apenas os síncronos.
P Relação com o errorHandler global?
R Retorne false para interrompê-lo localmente; caso contrário, o erro chega ao handler global.
P Como construir UI de fallback?
R Defina o estado ao capturar e troque para uma view de fallback com v-if.
Web-Tutorial.com

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

100%