Wie formatiere ich Währungen in einer Vue-Komponente?

7

Meine Vue-Komponente ist wie folgt:

%Vor%

Das Ergebnis von {{ item.total }} ist

  

26000000

Aber ich möchte es so formatieren:

  

26.000.000,00

In jquery oder Javascript kann ich es tun

Aber wie geht das in der vue-Komponente?

    
samuel toh 04.04.2017, 13:01
quelle

6 Antworten

18

Ich würde dafür eine Methode schreiben, und dann, wo Sie den Preis formatieren müssen, können Sie einfach die Methode in die Vorlage einfügen und den Wert nach unten geben

%Vor%

Und dann in Vorlage:

%Vor%

BTW - Ich habe mich nicht zu sehr um Ersatz und regelmäßigen Ausdruck gesorgt. Es könnte verbessert werden.

    
Belmin Bedak 04.04.2017, 13:10
quelle
10

Ich habe einen Filter erstellt. Der Filter kann auf jeder Seite verwendet werden.

%Vor%

Dann kann ich diesen Filter wie folgt verwenden:

%Vor%

Ich habe diese verwandten Antworten verwendet, um bei der Implementierung des Filters zu helfen:

Jess 31.01.2018 19:55
quelle
3

Der Kommentar von @RoyJ hat einen tollen Vorschlag. In der Vorlage können Sie nur eingebaute lokalisierte Zeichenfolgen verwenden:

%Vor%

Es wird in einigen älteren Browsern nicht unterstützt, aber wenn Sie auf IE 11 und später abzielen, sollten Sie in Ordnung sein.

    
AaronBaker 02.06.2017 17:49
quelle
2

Ich werde empfehlen, die Bibliothek vue-i18n zu verwenden, die die gesamte Internationalisierung, z. für ausgewählte EN-US-Dollar-Zeichen ist immer vor Währung, für ausgewählte PL Sie Zeichen nach Betrag wie 2,00 zł zurück.

Mit diesem Plugin müssen Sie sich nicht um solche Dinge kümmern.

Ссылка

Also benutze einfach:

%Vor%

erhalten:

%Vor%     
Arkowsky 30.11.2017 08:07
quelle
1

Es gibt Probleme mit der Genauigkeit der angenommenen Antwort.

Die Rundung (Wert, Dezimalstellen) in diesem Test funktioniert. Im Gegensatz zum einfachen toFixed-Beispiel.

Dies ist ein Test der Methode toFixed vs round.

Ссылка

%Vor%

mixin Beispiel

%Vor%
    
Artistan 19.07.2017 18:21
quelle
0

Mit vuejs 2 könntest du vue2-Filter benutzen, die auch andere Goodies haben.

%Vor%

Dann benutze es wie folgt:

%Vor%

Hinweis: Ссылка

    
Yao Liu 30.03.2018 01:36
quelle

Tags und Links