Javascript VUE JS图片从数组绑定

我希望将一些图片绑定到来自对象数组的img元素。我可以让字符串转到html元素，但是我在图片方面遇到了问题。任何帮助都会很好。这是我的github帐户，因为我无法让javascript显示在模板上，也不希望它难以阅读

尝试使用

：src=“require（path/to/image）”

作为说明。

：src=“”

是

v-bind:src=“”

的缩写

像这个例子：

<figure class="meals-showcase-list-item">
      <img
        class="meals-showcase-list-item-photo"
        :src="require('../../assets/images/' + meal.image)"
        :alt="meal.description">
    </figure>

---

在index.html文件中进行更改

<img class="group list-group-image" src="" alt="" />

<img class="group list-group-image" v-bind:src="product.img" alt="" />

到

<img class="group list-group-image" v-bind:src="product.img" alt="" />