vue中在表单中显示服务器中的图片

我的图片存放在http://localhost:8080/images/图片名,在浏览器中可以看到,我想让图片在vue中的表单中对应显示,应该怎么写img标签中的src,实现访问路径的动态设置。有知道的大佬吗,希望可以回答一下。

这个容易,按如下代码即可实现:

<el-table-column label="书籍图片" width="160" align="center">
      <template slot-scope="scope">
         <img :src="'http://localhost:8080/images/'+scope.row.book_image" alt="图片描述">
      </template>
 </el-table-column>

 

很简单啊,文件名+路径对应一个对象吧,这个对象肯定要存在一个列表里吧,vue的for循环知道吧,:src知道吧,那就解决了啊