Beginning some Vue/Vuetify and what I'm trying to achieve is binding the image src from a defined method for v-carousel but I am coming up blank. 

The loop appears to work and I get to the method correctly and from the function it logs the value I wish to return but it simply isn't displaying that as the source of the image.

```
  <div v-for="(post, index) in posts" :key="post.images+'_'+index">
    <v-carousel-item>
      <img v-bind:src="getImage(index)" alt="">
    </v-carousel-item>
  </div>
  </v-carousel>

```

And for the method I have:

```
getImage (index) {
  butter.content.retrieve(['cardimages'])
    .then((resp) => {
      console.log(resp.data.data.cardimages[index]['images_' + index])
      return resp.data.data.cardimages[index]['images_' + index]
    })
}

```

Within the page src I see:

```
img data-v-656039f0="" alt=""

```

And am not sure what that means.Am I way off base on how to do this? What am I missing?