如何解决“未捕获的类型错误：无法读取未定义的属性'get'”？ (Vue.JS 2)

Question

我的组件是这样的：

methods: {
    reloadMessage() {
        setTimeout(function () {
            this.$http.get(window.BaseUrl + '/message/inbox');
        }, 1500);
    }
} 

我的路线是这样的：

Route::group(['prefix' => 'message','as'=>'messeage.'],function(){
    Route::get('inbox', ['as'=>'inbox','uses'=>'MessageController@index']);
});

代码执行时出现如下错误：

未捕获的类型错误：无法读取未定义的属性“get”

我该如何解决？

Answer 1

你失去了上下文， 使用绑定：

methods: {
    reloadMessage() {
        setTimeout(function () {
            this.$http.get(window.BaseUrl + '/message/inbox');
        }.bind(this), 1500);
    }
} 

或箭头函数：

methods: {
    reloadMessage() {
        setTimeout(() => this.$http.get(window.BaseUrl + '/message/inbox'), 1500);
    }
}