vue.js - Vue/Vuetify 并使用不显示图像的方法绑定(bind)轮播 img src

Question

开始一些 Vue/Vuetify，我想要实现的是从 v-carousel 的定义方法绑定(bind)图像 src，但我一无所获。

循环似乎可以正常工作，我正确地找到了方法，它从函数中记录了我希望返回的值，但它只是没有将其显示为图像的来源。

  <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>

对于我的方法:

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]
    })
}

在我看到的页面 src 中:

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

我不确定那是什么意思。我是否偏离了如何做到这一点？我错过了什么？

Answer 1

我刚遇到同样的问题 src: require('../assets/hh-home.jpg') 为我工作