Vue.js legt keine Daten fest

Question

Ich versuche eine einfache Formularvalidierung mit Laravel 5.3 und Vue.js durchzuführen.

Laravel Controller:

public function test(\Illuminate\Http\Request $request) 
    { 
     $this->validate($request, [ 
      'name' => 'required', 
      'date' => 'required' 
     ]); 
... 
    } 

Vue Daten:

let app = new Vue({ 
     el: '#app', 

data: { 
     submitted: false, 
     errors: [], 
     post: { 
       name: '', 
       date: '', 
       }, 
}, 

Vue Beitrag:

Vue.http.post('url', post).then((response) => { 
    // form submission successful, reset post data and set submitted to true 
    app.post = { 
     name: '', 
     date: '', 
    }; 

    // clear previous form errors 
    app.$set('errors', ''); 

    app.submitted = true; 

}, (response) => { 
    // form submission failed, pass form errors to errors array 
    console.log(response.data.name); //"The Name field is required." 
    app.$set('errors', response.data); // TypeError 
}); 

Ich erhalte

TypeError: can't assign to properties of (new String("errors")): not an object

mit app.$set('errors', response.data);

Wohin gehe ich falsch?

Answer 1

überprüfen vm.$set(object, key, value), Sie versuchen, eine Eigenschaft zu die Zeichenfolge ‚Fehler‘ response.data als Schlüssel hinzuzufügen. Die korrekte Syntax lautet app.$set(app, 'errors', response.data), aber app.errors = response.data sollte genauso gut funktionieren.