Wie kann ich alte Eingabewert auf Refresh in Vuejs gesetzt

Question

im mit Laravel und Vuejs

, wie ich den Eingang Altwert auf Refresh einstellen oder zurück auf die Seite in vue dynamische Komponente

etwas wie folgt aus:

value="{{ old('name') }} 

Answer 1

in Blade-Datei, erstellen Sie einen neuen Skript-Tag:

<script> 
var oldFormData = { 
    name: "{{ old('name') }}", 
    //... 
} 
</script> 

dann in Ihre Komponente created Rückruf.

created() { 
    this.name = oldFormData.name // This should get {{ old('name') }} value 
} 

Sie könnten auch die alten Daten über Vue Komponente props passieren.

Lassen Sie uns sagen, dass Ihre Komponente ist my-form, dann sollte es so aussehen in Blade-Datei:

<my-form :oldData="{name: '{{ old('name') }}'}"></my-form> 

Dann auf created:

props: ['oldData'], 
created() { 
    this.name = this.oldData.name 
}