When trying to fetch data from my MongoDB collection using mongoose and typescript, I am able to successfully retrieve the data. However, my issue lies in accessing nested data within the avatar JSON object. Currently, I can only access _id, season, and avatar with syntax like {{response.season}} or {{response.avatar}}. The nested data inside the avatar JSON object can only be accessed as if it were a dictionary, like this: {{response.avatar["transfer"]}}. I'm unsure why this is the case, as I would prefer to access it like {{response.avatar.transfer}}. Is there a way to achieve this?
Fetching data from MongoDB using mongoose
export default async function run() {
// 4. Connect to MongoDB
await mongoose.connect(config.publicRuntimeConfig.MONGO_URI);
const results = await User.findOne({
'season': '123'
})
await mongoose.disconnect();
return results
}
Data I receive
{
"_id": "630fbca3d06e5e2f310ea540",
"season": 123,
"avatar": {
"from_team_id": 1,
"to_team_id": 2,
"transfer": "asdasd",
"type": "dasdasd",
"date": "asdasd",
"amount": "asdasd",
"player": {
"player_id": 12,
"country_id": 412,
"display_name": "asdasd",
"nationality": "asdasd",
"_id": "630fbca3d06e5e2f310ea542"
},
"_id": "630fbca3d06e5e2f310ea541"
},
"__v": 0
}
I want to access data like this if it's possible
<template v-for="transfer in transferData">
{{transfer.avatar.amount}}
</template>
What I can do now is
<template v-for="transfer in transferData">
{{transfer.avatar["amount"]}}
</template>
Is it possible to do that?