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

Posted 2023-02-23

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

【英文标题】：How to solve "Uncaught TypeError: Cannot read property 'get' of undefined"? (Vue.JS 2)如何解决“未捕获的类型错误：无法读取未定义的属性'get'”？ (Vue.JS 2)

【发布时间】：2017-08-02 08:07:26

【问题描述】：

我的组件是这样的：

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”

我该如何解决？

【参考方案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);
    
 

【讨论】：

为什么会这样？这只是对数据的请求，您应该使用这些数据更新一些东西。 github.com/pagekit/vue-resource

看来我问错了。但是谢谢你的帮助。现在，我已经解决了