Vue.js Vue/Vuetify和绑定carousel img src，方法不显示图像

从Vue/Vuetify开始，我试图实现的是从v-carousel的定义方法绑定图像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>

在页面src中，我看到：

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

---

我不知道这意味着什么。我在如何做这件事上偏离了基础吗？我遗漏了什么？

用你的图像试试这个：

<img :src="import(getImage(index)) alt="">

---

最终，Jude引导我走上了正确的方向，应该先获取内容，然后从那里绑定，而不是使用方法。这意味着在ButterCMSAPI中使用正确的命名来匹配slug和内容。因此，模板发生了变化：

<div v-for="(cimg, index) in cardimages" :key="post.images+'_'+index">
<v-carousel-item>
<img v-bind:src="cimg[post.slug]" alt="">
</v-carousel-item>
</div>

当然，在创建时加载：

  created () {
    this.getPosts()
    this.getContent()
  }

---

我也有同样的问题

src:require（“../assets/hh home.jpg”）

---

为我工作

你的getImage函数在哪里？它应该在导出的“方法”中。另外，我认为您的问题可能是在渲染vue后尝试获取图像。为什么不先得到它，把它推到某个数组中，然后在它已经被检索到之后再绑定它呢？谢谢Jude。最终，您引导我找到了答案，基本上，我没有尝试使用内联方法获取它们，而是应该在之前获取它们，然后将其绑定到src。我很困惑，因为我试图根据buttercms的“slug”获取图像，所以我认为应该动态获取它。在buttercms内容上使用正确的命名，并与post slug匹配，并在手之前获得post和内容，这样做更容易。尝试此操作失败的原因是：“避免使用JavaScript关键字作为属性名：“导入”啊，所以使用require而不是important。很高兴我能提供帮助！对于这个问题，我找到了最简单的答案。

getContent () {
  butter.content.retrieve(['cardimages'])
    .then((resp) => {
      this.cardimages = resp.data.data.cardimages
    })
}

  created () {
    this.getPosts()
    this.getContent()
  }