代码
单个图片
<el-table :data="data" style="width: 100%">
<el-table-column prop="cover" width="180">
<template slot-scope="scope">
<img :src="scope.row.cover" width="100" height="100" class="cover" />
</template>
</el-table-column>
</el-table>
![](https://img-blog.csdnimg.cn/9735c302b76c4b528edbb32a4747ef2c.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Lqu5LuU44Ke,size_20,color_FFFFFF,t_70,g_se,x_16)
![](https://img-blog.csdnimg.cn/25b1ce854fbe45c19e298398aeb570df.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Lqu5LuU44Ke,size_14,color_FFFFFF,t_70,g_se,x_16)
scope和scope.row是vue的,cover是 table中传入的data里面的属性
![](https://img-blog.csdnimg.cn/d913792c796545b997a2abd55bf48646.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Lqu5LuU44Ke,size_15,color_FFFFFF,t_70,g_se,x_16)
传入数据格式
![](https://img-blog.csdnimg.cn/6d35b849a88d45ab88d660146c5ceb5c.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Lqu5LuU44Ke,size_20,color_FFFFFF,t_70,g_se,x_16)