Vue: Fehler beim Kompilieren der Vorlage, obwohl ein Wurzelelement

Erstellt am 20. Juli 2017  ·  4Kommentare  ·  Quelle: vuejs/vue

Ausführung

2.4.1

Reproduktionslink

https://jsfiddle.net/k5h2fvqh/

Schritte zum Reproduzieren

  1. <p> Tag als Root-Element
  2. setze <div> Tag als untergeordnetes Element

Was wird erwartet?

Vorlage richtig rendern

Was passiert eigentlich?

Fehler beim Kompilieren der Vorlage mit Meldung "Komponentenvorlage sollte genau ein Wurzelelement enthalten"

bug

Hilfreichster Kommentar

Das ist ein erwartetes Verhalten, das <p> Tag kann kein untergeordnetes <div> (und auch andere Blöcke) haben, also wird <p><div></div></p> als <p></p><div></div></p> geparst und wie Sie sehen können, ist es mehr als ein Wurzelelement. Das sind HTML-Beschränkungen.

PS Weitere Informationen hier

Alle 4 Kommentare

Hier ist eine minimale Repro: https://jsfiddle.net/gq2ckLLf/

Das ist ein erwartetes Verhalten, das <p> Tag kann kein untergeordnetes <div> (und auch andere Blöcke) haben, also wird <p><div></div></p> als <p></p><div></div></p> geparst und wie Sie sehen können, ist es mehr als ein Wurzelelement. Das sind HTML-Beschränkungen.

PS Weitere Informationen hier

Die vollständige Liste der Elemente, die <p> "schließen", ist hier verfügbar

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen