Vue: Error al compilar la plantilla, aunque un elemento raíz

Creado en 20 jul. 2017  ·  4Comentarios  ·  Fuente: vuejs/vue

Versión

2.4.1

Enlace de reproducción

https://jsfiddle.net/k5h2fvqh/

pasos para reproducir

  1. <p> etiqueta como elemento raíz
  2. poner <div> etiqueta como elemento secundario

¿Lo que es esperado?

Renderizar la plantilla correctamente

¿Qué está pasando realmente?

Error al compilar la plantilla con el mensaje "La plantilla de componente debe contener exactamente un elemento raíz"

bug

Comentario más útil

Ese es el comportamiento ejecutado, la etiqueta <p> no puede tener un hijo <div> (y otros bloques también) por lo que <p><div></div></p> se analiza como <p></p><div></div></p> y, como puede ver, es más de un elemento raíz. Eso es limitaciones de HTML.

PD Más información disponible aquí

Todos 4 comentarios

Aquí hay una reproducción mínima: https://jsfiddle.net/gq2ckLLf/

Ese es el comportamiento ejecutado, la etiqueta <p> no puede tener un hijo <div> (y otros bloques también) por lo que <p><div></div></p> se analiza como <p></p><div></div></p> y, como puede ver, es más de un elemento raíz. Eso es limitaciones de HTML.

PD Más información disponible aquí

La lista completa de elementos que "cierran" <p> está disponible aquí

¿Fue útil esta página
0 / 5 - 0 calificaciones