element-ui table中的base64图片的显示

预期想要的效果

解决方案如下：

<el-table v-loading="loadingPhoto" :data="fashionPhoto">
              <el-table-column
                property="photoId"
                label="照片编号"
                width="150"
              ></el-table-column>
              <el-table-column
                prop="photo"
                label="时尚照片"
                width="100"
                :show-overflow-tooltip="true"
              >
                <template slot-scope="scope">
                  <!-- <img
                    :src="'data:image/png;base64,'+scope.row.photo"
                    min-width="70"
                    height="70"
                    alt="加载失败"
                /> -->
                <el-popover placement="top-start" title trigger="click">
                    <img :src="'data:image/png;base64,'+scope.row.photo" alt style="width: 300" />
                    <img slot="reference" :src="'data:image/png;base64,'+scope.row.photo" style="width: 50px;height: 50px" />
                  </el-popover>

                </template>
              </el-table-column>
            </el-table>

关键语句：

 <img :src="'data:image/png;base64,'+scope.row.photo"/>

这里还有其他博主可作参考

有错误的话还请大佬指正