Vue: Erro ao compilar o modelo, mesmo que um elemento raiz

Criado em 20 jul. 2017  ·  4Comentários  ·  Fonte: vuejs/vue

Versão

2.4.1

Link de reprodução

https://jsfiddle.net/k5h2fvqh/

Passos para reproduzir

  1. <p> tag como elemento raiz
  2. coloque a tag <div> como elemento filho

O que é esperado?

Renderizar o modelo corretamente

O que realmente está acontecendo?

Erro ao compilar o modelo com a mensagem "O modelo de componente deve conter exatamente um elemento raiz"

bug

Comentários muito úteis

Esse é o comportamento executado, a tag <p> não pode ter filho <div> (e outros blocos também), então <p><div></div></p> é analisado como <p></p><div></div></p> e como você pode ver, é mais de um elemento raiz. Essas são as limitações do HTML.

PS Mais informações disponíveis aqui

Todos 4 comentários

Aqui está uma reprodução mínima: https://jsfiddle.net/gq2ckLLf/

Esse é o comportamento executado, a tag <p> não pode ter filho <div> (e outros blocos também), então <p><div></div></p> é analisado como <p></p><div></div></p> e como você pode ver, é mais de um elemento raiz. Essas são as limitações do HTML.

PS Mais informações disponíveis aqui

A lista completa de elementos que "fecham" <p> está disponível aqui

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

paulpflug picture paulpflug  ·  3Comentários

loki0609 picture loki0609  ·  3Comentários

aviggngyv picture aviggngyv  ·  3Comentários

franciscolourenco picture franciscolourenco  ·  3Comentários

guan6 picture guan6  ·  3Comentários