如何在VueJs v-for中显示图像

Question

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

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

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

属性内插已删除。 请改用v-bind或冒号速记。 例如，使用<div id="{{ val }}">,代替<div :id="val">。

这是我的求职信：

  <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