Vue: Erreur lors de la compilation du modèle, même si un élément racine

Créé le 20 juil. 2017  ·  4Commentaires  ·  Source: vuejs/vue

Version

2.4.1

Lien de reproduction

https://jsfiddle.net/k5h2fvqh/

Étapes à reproduire

  1. <p> tag comme élément racine
  2. mettre la balise <div> comme élément enfant

Qu'est-ce qui est attendu ?

Rendre le modèle correctement

Que se passe-t-il réellement ?

Erreur lors de la compilation du modèle avec le message "Le modèle de composant doit contenir exactement un élément racine"

bug

Commentaire le plus utile

C'est un comportement exécuté, la balise <p> ne peut pas avoir d'enfant <div> (et d'autres blocs aussi) donc <p><div></div></p> est analysé comme <p></p><div></div></p> et comme vous pouvez le voir c'est plus d'un élément racine. Ce sont les limitations HTML.

PS Plus d'informations disponibles ici

Tous les 4 commentaires

Voici une reproduction minimale : https://jsfiddle.net/gq2ckLLf/

C'est un comportement exécuté, la balise <p> ne peut pas avoir d'enfant <div> (et d'autres blocs aussi) donc <p><div></div></p> est analysé comme <p></p><div></div></p> et comme vous pouvez le voir c'est plus d'un élément racine. Ce sont les limitations HTML.

PS Plus d'informations disponibles ici

La liste complète des éléments qui "ferment" <p> est disponible ici

Cette page vous a été utile?
0 / 5 - 0 notes