vue+elementui实现el-table中显示图片
发布日期:2021-05-10 06:04:18 浏览次数:19 分类:原创文章

本文共 376 字,大约阅读时间需要 1 分钟。

1、一张图片

<el-table-column label="头像">  <template slot-scope="scope">    <img :src="scope.row.img" width="40" height="40" class="head_pic"/>  </template></el-table-column>

2、多张图片

<el-table-column prop="pictures" label="描述图片">  <template scope="scope">    <img v-for="item in scope.row.pictures" :src="item" width="40" height="40" class="head_pic"/>  </template></el-table-column>
上一篇:Element开发页面没有数据时,展示占位图片
下一篇:VUE的Element组件上传文件el-upload

发表评论

最新留言

表示我来过!
[***.240.166.169]2025年04月11日 13时26分30秒