Vue.js 没有设置数据

Question

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

Laravel 控制器：

 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：无法分配给（新字符串（“错误”））的属性：不是对象

与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应该同样有效。