LI99999XIA
lzxevol
2021-05-20 13:44
采纳率: 70%
浏览 55

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • Mr_WangGeGe
    超小少 2021-05-20 14:00
    已采纳

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

    <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>
    点赞 评论
  • weixin_43986233
    流光Wyatt 2021-05-20 14:01

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

    点赞 评论

相关推荐