Ergebnis von Watcher zurückgeben - Vue JS

Question

Ich muss ein Ergebnis von einem Beobachter in Vue JS zurückgeben.

Dies ist Teil der Komponente.

Wenn ich console.log (cancelBy), bekomme ich ein Datum, das ich dann in der Vorlage anzeigen muss. Ich habe den Kommentar dort eingefügt, wo ich ihn in der Vorlage brauche. Ich habe versucht, nur {{date()}}, {{date}} zu verwenden, aber das wird nicht die Variablen 'cancelBy' erhalten, die ich brauche.

Answer 1

Fügen Sie einfach eine neue Daten Eigenschaft cancelBy:

data() { 
    return { 
    date: '', 
    cancelBy: null, 
    } 
}, 

und legen Sie dann, dass, wenn die Asynchron-Aufruf zurückkehrt:

let vm = this; 
this.$http.get(...).then(() => { 
    ... 
    vm.cancelBy = inAdvanceDate.format("YYYY-MM-DD, HH:mm:ss a"); 
} 

Und in Ihrer Vorlage können Sie etwas tun:

<div v-if="date !== ''"> 
    {{ date }}. 
    <span v-if="cancelBy !== null> 
    By {{ cancelBy }} 
    </span> 
</div>