Element ui表格展示多张图片问题

分类: IT文章 • 2022-05-05 22:32:42

显示一张图片的方法：

1 <el-table-column label="头像" width="100">
2                 <template scope="scope">
3                     <img :src="scope.row.head_pic" width="40" height="40" class="head_pic"/>
4                 </template>
5             </el-table-column>

显示多张图片：

1 <el-table-column prop="pictures" label="描述图片">
2                 <template scope="scope">
3                     <img v-for="item in scope.row.pictures" :src="item" width="40" height="40" class="head_pic"/>
4                </template>
5             </el-table-column>

Element ui表格展示多张图片问题

相关推荐