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>

你可能感兴趣的:(vue.js)