先贴代码片段和两种写法的效果
<el-table-column label="图片" align="center" prop="imageurl" width="100">
<template slot-scope="scope">
<image-preview :src="scope.row.imageurl" :width="100" :height="100"/>
<el-image
style="width: 100px; height: 100px"
:src="scope.row.imageurl"
:preview-src-list="[scope.row.imageurl]"
></el-image>
</template>
</el-table-column>
加载的是这张图片
https://img0.baidu.com/it/u=2071424907,2614606779&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=667
image-preview是若依vue前端默认写法,无法加载百度的这张图片,其他的图片倒是正常。
无法理解这个问题,解决方法是换element-ui的预览写法去展示这张图片