2016-11-16 4 views
-1

Ich benutze Laravel mit Vuejs.Vue js - Beibehaltung der Datenwerte auf Formular senden

Ich benutze Vuejs, um Werte in der Form zu bereinigen (nehmen Sie die Leerzeichen und Großbuchstaben).

Das Problem, das ich habe, als wenn das Formular übermittelt wird (ich möchte Laravel Validierung verwenden) scheinen die Werte zurückgesetzt. Gibt es eine Möglichkeit, die Daten beizubehalten oder die Daten nur bei der Initialisierung zu setzen?

Die vuejs

new Vue({ 
    el: '#app', 
    components: {Graph}, 
    data: { 
     nice_name:'', 
     column_name: '', 
    }, 

    methods: { 

    setColumnName: function() { 
    this.column_name = this.nice_name.toLowerCase().replace(/ /g,"_"); 
    }, 

    } 
}); 

Das Formularelement

<div class="form-group"> 
        <label>Nice Name</label> 
        <input class="col-md-12 form-control" type="text" name="nice_name" @keyup="setColumnName" v-model="nice_name" v-bind="nice_name"> 
       </div> 
+0

Haben Sie eine Lösung für dieses finden schicken? –

+0

Ich muss über meinen Code schauen, den es vor einer Weile war, aber ich bin sicher, dass ich gerade einen Cookie geschrieben oder vorübergehend im lokalen Speicher gespeichert habe. Dann, wenn die Seite aufgefrischt ist, lege ich sie zurück, wenn sie existiert. Nicht sehr elegant. – LeBlaireau

+0

können Sie Ihren Code posten? –

Antwort

0

Sie old() Funktion von Laravel verwenden können oder Sie können Ihre Daten verwenden Ajax

+0

Old hat nicht funktioniert, da es die hygienisierten Werte nicht beibehalten hat. – LeBlaireau