Kann v-for für ein statusbehaftetes Komponentenstammelement nicht verwendet werden, da es mehrere Elemente rendert?

8

app.js

%Vor%

layout.blade.php

%Vor%

index.blade.php

%Vor%

FEHLERPROTOKOLL von der Chrome-Konsole

[Vue warn]: v-for für ein statusbehaftetes Komponentenstammelement kann nicht verwendet werden, da es mehrere Elemente rendert:

%Vor%

vue.js: 525 [Vue warn]: Mehrere Wurzelknoten, die von der Renderfunktion zurückgegeben wurden. Render-Funktion sollte einen einzelnen Stammknoten zurückgeben. (in der Komponente gefunden)

Wie soll ich Code reparieren?

    
ofleaf 26.05.2017, 04:48
quelle

2 Antworten

17

Ihre Vorlage muss ein Wurzelelement haben. Es ist nur eine Regel, die du nicht brechen kannst. Da Sie eine Tabelle erstellen, wäre es sinnvoll, tbody zum Stammelement zu machen.

%Vor%

index.blade.php

%Vor%     
Eric Guan 26.05.2017, 05:01
quelle
9

Für die Lazy: Vue interpretiert das Root-Element, das eine v-for -Schleife hat, als Element mit mehreren Root-Ebenen (ein Nono in modernen JS-Frameworks).

Wickeln Sie einfach Ihre Vorlage in ein überflüssiges Leerzeichen <div> .

corysimmons 19.07.2017 20:38
quelle

Tags und Links