VueJS：未捕获（承诺中）TypeError：无法读取未定义的属性“推送”

Posted 2023-02-22

【中文标题】VueJS：未捕获（承诺中）TypeError：无法读取未定义的属性“推送”

【英文标题】：VueJS: Uncaught (in promise) TypeError: Cannot read property 'push' of undefined

【发布时间】：2016-11-22 09:40:08

【问题描述】：

我收到“无法读取未定义的属性推送”错误：这是我的 vueJs 代码：

data:
CoIsignedListUID:[]

methods:

fetchCoISigned: function () 
            this.$http.get('/cimsm/public/api/fetchCoIsigned/' + this.conflictofInterest.complaintID).then(function (response) 
                var data = response.data;
                this.$set('CoIsignedList', data);
                data.forEach(function (detail) 
                    this.CoIsignedListUID.push(detail.uID);
                );
            );

我做错了什么？谢谢

【问题讨论】：

试试这个：this.$data.CoIsignedListUID.push 而不是 this.CoIsignedListUID.push

【参考方案1】：

this.CoIsignedListUID 未定义

可能是因为this 不是你认为的this

你应该这样做

var _this = this

函数外然后

_this.CoIsignedListUID.push(detail.uID);

或者，您可以使用 ES2015 箭头语法。

代替：

.then(function (response) 

用途：

.then((response) => 

“this”现在在函数内部可用，因此无需创建新变量。详细信息Here。

【参考方案2】：

forEach 回调中的this 不是 vue.js 中的this。 你可以这样做来解决这个问题。

this.$http.get("...").then(function(response)
    var data = response.data;
    this.$set('CoIsignedList', data);
    var that = this;
    data.forEach(function (detail) 
        that.CoIsignedListUID.push(detail.uID);
    );
);