Ich versuche, Datum und Uhrzeit wie folgt auszudrucken vue-for
{{ moment().format('MMMM Do YYYY, h:mm:ss a') }}
aber es erscheint nicht. Es ist nur ein Leerzeichen. Wie kann ich versuchen, Moment in Vue zu nutzen?
Mit Ihrem Code vue.js
versucht der moment()
, von seinem Umfang aus auf die Methode zuzugreifen .
Daher sollten Sie eine Methode wie die folgende verwenden:
methods: {
moment: function () {
return moment();
}
},
Wenn Sie ein Datum an das übergeben möchten moment.js
, empfehle ich die Verwendung von Filtern:
filters: {
moment: function (date) {
return moment(date).format('MMMM Do YYYY, h:mm:ss a');
}
}
<span>{{ date | moment }}</span>
Wenn es sich bei Ihrem Projekt um eine einseitige Anwendung handelt (z. B. ein von erstelltes Projekt
vue init webpack myproject
), ist dieser Weg am intuitivsten und einfachsten:In main.js
Dann einfach in Ihrer Vorlage verwenden
quelle
Fügen Sie
package.json
in Ihrem"dependencies"
Abschnitt Moment hinzu:Importieren Sie die Komponente in die Komponente, in der Sie moment verwenden möchten:
Fügen Sie in derselben Komponente eine berechnete Eigenschaft hinzu:
Und dann in der Vorlage dieser Komponente:
quelle
date2day: function (date) {return moment(date).format('dddd')}
Sie können sie nicht verwendencomputed
und sollten siemethods
stattdessen verwenden.Ich habe es mit Vue 2.0 in einer einzelnen Dateikomponente zum Laufen gebracht.
npm install moment
in einem Ordner, in dem Sie vue installiert habenquelle
Hier ist ein Beispiel für die Verwendung einer Wrapper-Bibliothek eines Drittanbieters für Vue
vue-moment
.Zusätzlich Moment Instanz in Vue des Stammbereich auf die Bindung, diese Bibliothek enthält
moment
undduration
Filter.Dieses Beispiel enthält die Lokalisierung und verwendet ES6-Modulimporte, einen offiziellen Standard, anstelle des CommonJS-Modulsystems von NodeJS.
Jetzt können Sie die Moment-Instanz direkt in Ihren Vue-Vorlagen ohne zusätzliches Markup verwenden:
Oder die Filter:
quelle
quelle
Ich würde einfach das Moment-Modul importieren, dann eine berechnete Funktion verwenden, um meine moment () -Logik zu verarbeiten und einen Wert zurückzugeben, auf den in der Vorlage verwiesen wird.
Obwohl ich dies nicht verwendet habe und daher nicht über seine Wirksamkeit sprechen kann, habe ich https://github.com/brockpetrie/vue-moment für eine alternative Überlegung gefunden
quelle
Sehr schönes Plugin für Vue-Projekt und funktioniert sehr reibungslos mit den Komponenten und dem vorhandenen Code. Genieße die Momente ... 😍
quelle