Pfthb

I'm passing an array from a parent component to a child. The array is being passed and I can access the entire array, but for some reason when I try and access on array element I can't.

(This is shortened for brevity's sake)

When I do this:

<template v-for="creds in amazonCredsArray">
<v-container fluid grid-list-lg class="come_closer">
 <v-layout row wrap>
 <v-flex xs12>
 <v-card class="lightpurple">
 <v-card-title>
 <v-icon class="my_dark_purple_text">language</v-icon>
 <h1 class="title oswald my_dark_purple_text pl-2 pr-5">ENTER YOUR AMAZON CREDENTIALS BELOW</h1>
 </v-card-title>
 <v-form ref="form" v-model="valid">
 <h1>amazonCredsArray</h1>

I can see the amazonCredsArray displayed.. it looks like this:

[ "auth_token": "amzn.mws.9cb254dXXXXX", "seller_id": "CXDFDFDF", "marketplace": "asdfasdfasdf", "zones": [ "name": "United States", "id": 1 ] , "auth_token": "asjdfljakldfjlsadf", "seller_id": "ddeeee", "marketplace": "12", "zones": [ "name": "United States", "id": 1 ] ]

However when I try to use creds in that same place in the view, I don't get anything. I'm trying this:

<template v-for="creds in amazonCredsArray">
<v-container fluid grid-list-lg class="come_closer">
 <v-layout row wrap>
 <v-flex xs12>
 <v-card class="lightpurple">
 <v-card-title>
 <v-icon class="my_dark_purple_text">language</v-icon>
 <h1 class="title oswald my_dark_purple_text pl-2 pr-5">ENTER YOUR AMAZON CREDENTIALS BELOW</h1>
 </v-card-title>
 <v-form ref="form" v-model="valid">
 <h1>creds</h1>

Try this out:

<template v-for="(creds, index) in amazonCredsArray" :key="creds.seller_id">