我的图片存放在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知道吧,那就解决了啊