inheritAttrs Controlar o fallthrough de atributos
Última atualização: 2026-10-22
inheritAttrs Controlar o fallthrough de atributos
inheritAttrs: false impede que atributos não declarados caiam no elemento raiz, permitindo encaminhá-los com precisão.
| Grupo | Opções: Composição e Diversos |
|---|---|
| Tipo | Opção |
| Escopo | No Componente |
| Versão do Vue | 3.0+ |
| Suporte a SSR | Sim |
📝 Sintaxe
export default {
inheritAttrs: false,
template: "<div><input v-bind="$attrs"></div>"
}⚙️ Argumentos
| value | Booleano (padrão true) |
|---|
Retorno：Sem valor de retorno
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo:
Saída：
The placeholder and class land on the real input.💡 Pontos-chave
💡 Dica Componentes de wrapper costumam desativar o fallthrough e religar o $attrs.
ℹ️ Nota Componentes multi-raiz nunca encaminham automaticamente — faça o bind manualmente.
🏷️ Composição e Diversos relacionados
💡 Casos Relacionados
Mais casos em breve.
📚 Tutoriais Relacionados
❓ FAQ
P Por que a raiz recebe atributos estranhos?
R É o fallthrough padrão de atributos não declarados.
P Componentes multi-raiz precisam disso?
R Não, mas você precisa fazer bind de $attrs manualmente, ou os atributos se perdem.
P O class conta?
R Sim — class e style são mesclados.
