javascript - Vue.js 未设置数据

Question

我正在尝试使用 Laravel 5.3 和 Vue.js 进行一些简单的表单验证。

Laravel Controller :

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

Vue 数据:

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

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

Vue 帖子:

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
});

我明白了

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

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

我哪里出错了？

Answer 1

检查vm.$set(object, key, value) ，您尝试使用 response.data 作为键向字符串“errors”添加属性。

正确的语法是 app.$set(app, 'errors', response.data) 但 app.errors = response.data 应该同样有效。