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應該同樣有效。