实现在el-table表格中,显示该行的图片,图片大小自行设置
效果图如下:
在el-table-column添加一个img标签,其src属性绑定你后台下载图片的接口即可(注意我这里是 :src )
代码如下:
<el-table ref="multipleTable" :data="baseFile" @selection-change="handleSelectionChange" :header-cell-style="{'text-align': 'center', 'background-color': '#eee'}" highlight-current-row style="width: 100%; margin-bottom:100px;">
<el-table-column type="selection" width="55" align="center"></el-table-column>
<el-table-column label="名称" prop="title" width="400">
<template slot-scope="scope">
<span class="title-img