VueJS: Wie wird ein kommagetrenntes Array ausgegeben?

7

Ich weiß, dass ich in VueJS ein Array durchlaufen kann:

%Vor%

Aber was, wenn ich eine Liste haben wollte, die durch Kommas getrennt ist? Zum Beispiel, wenn list = ["alice", "bob", "chuck"] , würde das obige ausgeben:

%Vor%

Was ich will, ist jedoch:

%Vor%

Ist das möglich?

    
Ben 09.02.2017, 06:16
quelle

5 Antworten

6

Was ich stattdessen getan habe, war:

%Vor%

Und in CSS:

%Vor%     
Ben 09.02.2017, 06:58
quelle
11

Sie können das bedingte Rendern verwenden, um die letzte , wie folgt zu verbergen:

%Vor% %Vor%
    
Saurabh 09.02.2017 06:27
quelle
3

Wenn Sie den JS-Weg machen wollten, können Sie einfach eine berechnete Eigenschaft machen; Sie könnten sogar die Span-Methode fortsetzen.

%Vor%

Dies wäre definitiv der bevorzugte Weg vom Standpunkt der Rendering-Performance.

    
Jody.LeBlanc 29.06.2017 16:25
quelle
2

Lösung mit "Vorlage"

%Vor%     
quelle
1

Sie könnten dies mit einem v-if Attribut tun:

%Vor%

Hier ist ein funktionierender Stift: Ссылка

    
Ulysse BN 09.02.2017 06:21
quelle

Tags und Links