I encountered an issue with an API call that returns its result as an array within an array. Each nested array contains card transactions that need to be displayed.
Upon examining the console output, I found:
Array [
Object {
"data": Array [
Object {
"id": 1035988,
"amount": 1.5,
"amount_confirmed": 0,
...
},
Object {
"id": 1011990,
"amount": 5,
"amount_confirmed": 0,
...
},
],
"message": "Card transactions fetched successfully",
"status": "success",
},
Object {
"data": Array [
Object {
"id": 1011923,
"amount": 10,
"amount_confirmed": 0,
...
},
Object {
"id": 10119234,
"amount": 1.5,
"amount_confirmed": 0,
...
},
],
"message": "Card transactions fetched successfully",
"status": "success",
},
]
I am currently struggling to display this data. I have attempted different methods, like the one below, but nothing seems to work:
<nb-list-item v-for="cardTransactions in card_transactions" v-bind:key="cardTransactions.data.id">
<!--content-->
</nb-list-item>