Javascript Vuejs:事件id未定义

嘿，伙计们，我正在尝试制作一个网页，允许用户查看他们可以购买或已经购买的所有门票。但是，问题是当网页被加载时，事件id在控制台中显示为undefined。我不知道这是为什么

我使用axios从服务器获取事件详细信息，然后将其推送到网页上

我已经将代码放在mounted函数中，以便在加载页面时可以看到所有内容

下面是我正在使用的JavaScript代码

    data(){
        return{
            allTickets: [],
            getTickets:{
                seeTickets:{
                    event_id: this.event_id
                }
            },
            findTickets: {},
        }
    },

    mounted: function(){
        console.log(this.accessToken)
        axios.get('https://api.ticketpass.co/tickets',{
            headers:{
                "Content-Type" : "application/json",
                "Accept" : "application/json"
            }
        })
        .then(response =>{
            console.log(response);
            console.log(response.data);
            console.log(response.status);
            if(response.status === 200){
                console.log(this.allTickets);
                console.log(response.data.length);
                console.log(response.data[i].event_id);
                for(let i = 0; i < response.data.length; i++){
                    this.allTickets.push({
                        "some_id" : response.data[i].id,
                        "event_id" : response.data[i].event_id,
                        "created" : response.data[i].created,
                        "code" : response.data[i].code,
                        "user_id" : response.data[i].user_id
                    })

                    this.getTickets.seeTickets = {
                        "event_id" : response.data[i].event_id
                    }

                    console.log(!(response.data[i].event_id in this.findTickets));
                    if(!(response.data[i].event_id in this.findTickets)){
                        console.log("Not in Object", response.data[i].event_id, this.findTickets)

                            axios.get('https://api.ticketpass.co/event/' + response.data[i].event_id,{
                                headers:{
                                    "Content-Type" : "application/json",
                                    "Accept" : "application/json",
                                    "Authorization" : this.accessToken
                                }
                            })
                            console.log("Data Added")
                            this.findTickets[response.data.id] = response.data;
                        }

                    else{
                        console.log("IN Object")
                    }
                }
            }
        })

        .catch(error =>{
            console.log(error.response)
        })
    }
}

data（）{
返回{
所有门票：【】，
getTickets：{
见门票：{
event\u id:this.event\u id
}
},
findTickets:{}，
}
},
挂载：函数（）{
console.log（this.accessToken）
axios.get（）https://api.ticketpass.co/tickets',{
标题：{
“内容类型”：“应用程序/json”，
“接受”：“应用程序/json”
}
})
。然后（响应=>{
控制台日志（响应）；
console.log（response.data）；
console.log（响应状态）；
如果（response.status==200）{
console.log（this.allTickets）；
console.log（response.data.length）；
console.log（response.data[i].event\u id）；
for（设i=0；i{
console.log（error.response）
})
}
}

如果有人能帮助我，我将不胜感激

---

非常感谢。

请看一下这个。这可能会有帮助

i

在您记录

response.data[i]

后在行中声明。因此，

i

在该语句中未定义。如果要测试第一项，请使用

response.data[0].event\u id

@Thoomas Tnx进行测试。但是，问题是控制台中的所有事件_id都被打印为未定义。这意味着它们不在findTickets对象中。你能帮忙吗。非常感谢。您正在寻找

response.data[i].event\u id

作为

this.findTickets

的键。但是您将

response.data.id

存储为键，而不是

response.data[i].event\u id

。需要吗？或者您只是忘记处理第二次axios呼叫的结果？请将所有的

响应。数据粘贴到这里好吗？我们会更容易帮助你。