element-UI 列表渲染图片，后台回传Base64

后台的图片是Base64的
调用接口之后，将Base64的这个字段返回过来，
picBase是我的字段
这个鼠标放上，图片放大，
只需要将所有的picBase的字段换成你的字段就行了

<el-table-column prop="picBase" label="照片" header-align="center" align="center">
        <template slot-scope="scope">
          <el-popover placement="top-start" title trigger="hover">
            <img :src="'data:image/jpeg;base64,' +scope.row.picBase" alt style="width: 300px;height: 400px" />
            <img slot="reference" :src="'data:image/jpeg;base64,' +scope.row.picBase" style="width: 50px;height: 40px" />
          </el-popover>
        </template>
      </el-table-column>
1
2
3
4
5
6
7
8