如何在 VueJs v-for [重复] 中显示图像

Question

如何在 VueJs 循环中显示图像？

我确实使用：<img src="/store/{{store.image}}">

我尝试在 v-for 循环中显示图像，但这种情况会显示以下错误消息：

属性内的插值已被删除。 请改用 v-bind 或冒号简写。 例如，不要使用<div id="{{ val }}">,，而是使用<div :id="val">。

这是我的 v-for：

  <slide v-for="store in stores" :key="store.id" :store="store">                    
        <div class="rows is_block "> 
              <vue-flip active-click=1 class="is-block">
                <div slot="front">
                  <img src="/store/{{store.image}}">

Answer 1

动态道具是使用冒号创建的：

<img :src="'/store/'+store.image">

查看Template Syntax 和Shorthands 的文档